body {
	background-color: black;
	margin: 0;
	color: white;
	font-family: 'Oswald', sans-serif;	
	line-height:1.5em;
	margin-bottom:50px;
}

a{
	color:white;
	text-decoration: none;
}

iframe {width:100%; padding-top:20px;}
h4 {color:gray; font-weight:400; letter-spacing:.01;}

#title {text-align:center;}
#upper {text-transform:uppercase; font-weight:400;}
a:hover{
	opacity:0.8;
}

p {font-weight: 300;
font-family: 'Play', sans-serif;}

h2 {	
	font-size:20px;
	color: #85868a;
}

.webbanner{
	width:100%;
	margin-bottom:-5px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:3000px;
}

.mobileposter{
	width:100%;
	margin-bottom:-5px;
}

.small-container{
  	max-width: 750px;
  	width:87%;
  	position:relative;
  	margin:auto;
}

.officialtrailer{
	opacity:0.5;
}

.officialtrailer:hover{
	opacity:1;
}

.movietitle{
	margin-top:40px;		
}

.secondblock{
	margin-top:-10px;
}

.synopsis{
	font-size:14px;
	display:inline-block;
	float: left;
	width:63%;
	font-weight:400;
}

.directorstars{
	font-size:16px;
	display:inline-block;
	float: right;
	width:30%;
	position: relative;
	background-color:black;
}

li{
	padding-bottom:10px;
}



.cast1{
	width:24%;
}

.matthew{
	display:inline-block;
	width:24%;
	font-size:10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:1pt;
	line-height: 110%;
}





.cast2{
	width:24%;
}

.anne{
	display:inline-block;
	width:24%;
	font-size:10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:1pt;
}



.cast3{
	width:24%;
}

.jessica{
	display:inline-block;
	width:24%;
	font-size:10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:1pt;
}




.cast4{
	width:24%;
}

.michael{
	display:inline-block;
	width:24%;
	font-size:10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:1pt;	
}

.othertrailers{
	margin-top:40px;
}

.trailer2{
	width:49%;
	opacity:0.8;
	padding-right:5px;
}

.trailer3{
	width:49%;
	opacity:0.8;
}

.trailer2:hover{
	opacity:1;
}

.trailer3:hover{
	opacity:1;
}




@media all and (max-width: 600px) and (min-width: 0px) {
.anne{
	display:none;
}
.jessica{
	display:none;
}
.matthew{
	display:none;
}
.michael{
	display:none;
}

.trailer2{
	width:100%;
	padding-bottom:10px;
}

.trailer3{
	width:100%;
}
}


@media all and (max-width: 600px) and (min-width: 400px) {
.cast1{
	width:48%;
	padding-right:2%;
	padding-bottom:2%;
}

.cast2{
	width:48%;
	padding-bottom:2%;
}

.cast3{
	width:48%;
	padding-right:2%;
}

.cast4{
	width:48%;
}
}


@media all and (max-width: 60000px) and (min-width: 850px) {

.officialtrailer{
	width:100%;
	margin-top:5%;
}
}



@media all and (max-width: 60000px) and (min-width: 650px) {

.officialtrailer{
	width:100%;
	margin-top:5%;
}

}


@media all and (max-width: 850px) and (min-width: 549px) {

.officialtrailer{
	width:100%
}
}


@media all and (max-width: 550px) and (min-width: 0px) {


.small-container{
	width:100%
}

.officialtrailer{
	width:100%
}

.movietitle{
	margin-left:7%;
	margin-right:7%;
	margin-top:25px;
}

.synopsis{
	margin-left:7%;
	margin-right:7%;
	width:87%;
	display:block;
	float:left;		
}

.directorstars{
	margin-left:7%;
	width:87%;	
	display:block;
	float:left;	
}
}

@media all and (max-width: 450px) and (min-width: 0px) {

.webbanner{
	display:none;
}

}

@media all and (max-width: 100000000px) and (min-width: 450px) {

.mobileposter{
	display:none;
}

}




h1 {
	color: white;
	font-weight:400;
	text-transform:uppercase;
	line-height:1.5em;
}

ul { 
	list-style-type: none; 
	padding-left: 0;
}



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


.small-container2{
  	max-width: 750px;
  	width:87%;
  	position:relative;
  	margin:auto;
  	clear:left;
  	padding-top:3px;
  	background-color:black;
}