body {
	background-color: #393c41;
	margin: 0;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;	
	line-height:1.4em;
}

div {}
img {
	max-width:100%; 
	height:auto; 
	padding-top:0; 
	margin:0;
	}

h1 {
	color: #ffea3d;
}

h4 {}
ul { list-style-type: none; padding-left: 0;}
li {
	font-weight: 300;
}

strong {
	color: #85868a;
	font-weight:800;
}

p { font-weight:300;}
h2 {	color: #85868a;
}

.container {}
.hamburger {}


.possibleheader {
	border:solid black;
	background-color: black;
	height:60px;
}



.poster {}
.mobileposter {
	display:block;
} 
.trailer {padding-top:0; margin-top:0;}
.trailerimage {padding-top:0; margin-top:0;}

.movieinfo { 
	margin-left:5%;
	margin-right:5%; 
	padding-top:10px; 
	max-width: 600px;
}

.movietitle {}
.directorstars {}
.synopsis {
	margin-top:30px;
	font-size:14px;
	line-height: 170%;
}
.alternatetrailers { padding-top:10px;}

.alternate{
	display:inline-block;
	width:400px;
}

.alternateimages{
	display:inline-block;
}

@media all and (max-width: 699px) and (min-width: 0px) {
	.poster{
		display:none;
	}

	.possibleheader {
	border:solid black;
	background-color: black;
	height:40px;
}
}

@media all and (max-width: 100000px) and (min-width: 700px) {
	.mobileposter{
		display:none;
	}
}

@media all and (max-width: 100000px) and (min-width: 1000px) {
	.trailerimage{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.trailer{
		margin-top:50px;
	}

	.movieinfo{
		margin-left:10%;
		margin-right:10%;
		margin-top:40px;
	}
}


