@charset "UTF-8";
/* CSS Document */

html, body { height:100%; background-color: #000000;}

body { margin:0; padding:0;}

#title { text-align:center; margin:30px auto 30px auto; }

#videoblockLarge { display:block; width:640px; height:360px; margin:10px auto 30px auto; }
#videoblockSmall { display:none !important; }

#social-links { width:100%; max-width:1200px; margin:0 auto 30px auto !important; }

.social-block-one { width:33%; display:inline-block; text-align:left; }
.social-block-two { width:33%; display:inline-block; text-align:center; }
.social-block-three { width:33%; display:inline-block; text-align:right; }

.hair { max-width:100%; text-align:center !important; }

.hair a { position:relative; display:block; overflow:hidden; width:709px; height:77px; background:url('images/hair.png'); background-position:0 0; margin:0 auto 40px auto;}
.vimeo a { position:relative; display:block; overflow:hidden; width:193px; height:52px; background:url('images/2014-vimeo.png'); background-position:0 0; margin-bottom:70px;}
.facebook a { position:relative; display:block; overflow:hidden; width:299px; height:49px; background:url('images/2014-facebook.png'); background-position:0 0; margin:0 auto 70px auto; }
.youtube a { position:relative; display:block; overflow:hidden; width:290px; height:54px; background:url('images/2014-youtube.png'); background-position:0 0; }
.imdb a { float:right; position:relative; display:block; overflow:hidden; width:199px; height:48px; background:url('images/2014-imdb.png'); background-position:0 0;margin-bottom:70px;}
.email a { margin:0 auto; position:relative; display:block; overflow:hidden; width:240px; height:54px; background:url('images/2014-email.png'); background-position:0 0; }
.reel a { float:right; margin:0 auto; position:relative; display:block; overflow:hidden; width:335px; height:54px; background:url('images/reel.png'); background-position:0 0; }

.hair a:hover { background-position:0 -77px; }
.vimeo a:hover { background-position:0 -52px; }
.facebook a:hover { background-position:0 -49px; }
.youtube a:hover { background-position:0 -54px; }
.imdb a:hover { background-position:0 -48px; }
.email a:hover { background-position:0 -54px; }
.reel a:hover { background-position:0 -54px; }

@media only screen and ( max-width: 1024px ) {
#title img { width:90%; margin-top:30px; margin-bottom:20px;}
#videoblockLarge { display:none !important; }
#videoblockSmall { display:block !important; width:100%; margin:0 auto 30px auto; }
#social-links { height:400px; width:100%; max-width:1100px; margin:0 auto; text-align:center; }

.social-block-one { width:100%; display:block; text-align:center; }
.social-block-two { width:100%; display:block; text-align:center; vertical-align:none; margin-top:0px; }
.social-block-three { width:100%; display:block; text-align:center; }

.hair a { position:relative; display:block; overflow:hidden; max-width:99%; width:709px; height:77px; background:url('images/hair.png'); background-position:0 0; margin:0 auto 20px auto;}
.vimeo a { position:relative; display:block; overflow:hidden; width:193px; height:52px; background:url('images/2014-vimeo.png'); background-position:0 0; margin:0 auto 50px auto;}
.facebook a { float:none; position:relative; display:block; overflow:hidden; width:299px; height:49px; background:url('images/2014-facebook.png'); background-position:0 0; margin:0 auto 50px auto; }
.imdb a { float:none; position:relative; display:block; overflow:hidden; width:199px; height:48px; background:url('images/2014-imdb.png'); background-position:0 0; margin:0 auto 50px auto; }
.youtube a { position:relative; display:block; overflow:hidden; width:290px; height:54px; background:url('images/2014-youtube.png'); background-position:0 0; margin:0 auto 50px auto; }
.email a { position:relative; display:block; overflow:hidden; width:240px; height:54px; background:url('images/2014-email.png'); background-position:0 0; margin:0 auto 50px auto; }
.reel a { float:none; position:relative; display:block; overflow:hidden; max-width:99%; width:335px; height:54px; background:url('images/reel.png'); background-position:0 0; margin:0 auto 50px auto; }
}