@charset "UTF-8";
html,body{height:100% !important; }
body{ background: #41C0E1 url(../img/bg-oscars.jpg) no-repeat left top; background-size: cover; padding:0;margin:0;font-family:"Raleway", sans-serif;font-weight:400;}
a{color:#000;opacity:1;text-decoration:none;}
a:hover{opacity:0.6;}
.text-muted{opacity:0.6;}
#container{position:absolute;width:100%;z-index:99;text-align:center;color:#fff;top:50%;transform: translateY(-50%);}
#container .brand{text-align:center;margin:0 0 40px 0;width:24vw;height:auto;}
#container p{text-align:center;font-size:24px;text-transform:uppercase;letter-spacing:2px;margin:0;line-height:1.65em;}
#container p a { font-weight: bold; opacity:0.8;display: inline-block; margin-top: 6vh;color: #fff; border: 2px solid rgba(255,255,255,0.8); padding: 4px 16px; border-radius: 8px; }
#container p a:hover{opacity:1;}
#footer{position:absolute;left:0;bottom:60px;width:100%;text-align:center;z-index:999;}
#footer a{margin:0 12px;}
#footer i{font-size:32px;}
a{-webkit-transition:all ease-in-out 0.25s;-moz-transition:all ease-in-out 0.25s;-o-transition:all ease-in-out 0.25s;transition:all ease-in-out 0.25s;}

/* = Responsive
--------------------------------------------------- */
@media (min-width:1200px){}
@media (min-width:980px) and (max-width:1199px){}
@media (min-width:768px) and (max-width:979px){}
@media (max-width:767px){
	body{ background-position: center center; background-size: cover; }
	#container .brand{margin:0 0 32px 0;width:32vh;}
	#container p{font-size:18px;letter-spacing:1.2px;line-height: 1.55em;}
	#container .rotate { display: block; }
	#footer{bottom:30px;}
	#footer i{font-size:24px;}
}