/* CSS Document */

a { text-decoration:none; color:#C00; }
a:hover { color:#000; }
body { font-family: 'Roboto', sans-serif; margin:0; padding:0; font-size:18px; color:#FFF; text-align:center; }
h1, h2 { text-transform:uppercase; font-weight:bold; margin:0 0 20px 0; padding:0; font-size:42px; line-height:42px; }
iframe { margin-bottom:20px; }

#content { text-align:left; color: #FFF; padding-top:180px; }
#content .widther { position:relative; }
#footer { padding-top:100px; }
#instagram { position:absolute; top:-100px; left:0; width:150px;}
#instagram a { color:#FFF;}
#instagram a img { border:0; }
#instagram .pad { position: absolute; left:80px; top:8px; width:180px;}
#logo { height:570px; position: relative; }
#logo .pad { padding-top:110px; text-align: center; }
#logo .direction .pad { padding:16px 16px 0 16px; text-transform: uppercase; font-weight:bold; text-align:left; font-size:18px; line-height:18px; }
#main { background:url(../images/21bg.jpg) no-repeat center 0 #434343; min-height: 1508px; }
#showreel { height:540px; }

.direction { position: absolute; bottom: 0; left:120px; background: url("../images/directions.png"); width:220px; height:82px; color:#333; }

.rw21logo { width:558px; height:300px; }
.vidembed { width:960px; height:540px; }
.widther { width:960px; margin:0 auto; text-align:left; position:relative; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
}

@media only screen and (max-width: 959px) {
	#content { padding-top:130px;}
	#instagram { top:-80px; width:150px;}
	#instagram a img { width:40px; height:40px; }
	#instagram .pad { left:60px; top:6px; font-size:12px; width:120px;}
	#logo { height:370px; }
	#logo .pad { padding-top:70px; }
	#logo .direction .pad { padding:10px 10px 0 10px; font-size:12px; line-height:12px; }
	#main { background-size:1248px 980px; min-height: 980px; }
	#showreel { height:350px; }
	.direction { left:78px; background-size:143px 53px;  width:143px; height:53px; }
	.rw21logo { width:362px; height:195px; }
	.widther { width:620px; }
	.vidembed { width:620px; height:349px;  }
}
@media only screen and (max-width: 619px) {
	body { font-size:12px; }
	h1 { font-size:18px; line-height:18px; }
	#content { padding-top:70px;}
	#instagram { top:-50px;}
	#instagram a img { width:30px; height:30px; }
	#instagram .pad { left:40px; top:0; }
	#logo { height:190px; }
	#logo .pad { padding-top:36px; }
	#logo .direction .pad { padding:5px 5px 0 5px; font-size:6px; line-height:6px; }
	#main { background-size:640px 502px; min-height: 980px; }
	#showreel { height:180px; }
	.direction { left:40px; background-size:73px 27px;  width:73px; height:27px; }
	.rw21logo { width:186px; height:100px; }
	.widther { width:320px; }
	.vidembed { width:320px; height:180px;  }

}