html {font-size:100%; margin:0; padding:0; height:100%; width:100%; }
body {
-webkit-text-size-adjust: 100%; 
font-family:"nimbus-sans", sans-serif; 
color:#383636; 
height: 100%;
width: 100%;
font-size:13px;
margin:0; padding:0; height:100%; width:100%;
background:#ebe8d8; 
}

#bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background:#ebe8d8; 
transition:all 400ms;
}


.logo-splash {position:absolute; z-index:3; top:30px; left:-110px; }
.logo-splash img {width:663px; transition:all 400ms;}
.logo {position:absolute; z-index:4; top:30px; left:-30px;}
.logo img {width:240px; transition:all 400ms;}
.logo a {border:none;}
.logo a:hover {border:none;}

#about, #listen {position:absolute; z-index:5; top:47px;}
#listen {right:240px;}
#about {right:355px;}

.socials {position:absolute; z-index:5; right:45px; top:27px;}
.socials a {border:none; transition:all 400ms; margin-right:4px;}
.socials a:hover {border:none; opacity:0.6; transition:all 400ms;}

a {
color:#85a3d4;
text-decoration:none;
}

a:hover {
color:#ebe8d8; 
transition:all 400ms;
}

.nav a {color:#ebe8d8; font-size:25px; line-height:5px; padding:8px 8px 0 8px; background:#383636; font-weight:900; border:none;}
.nav a:hover {border:none; background:#ebe8d8;}
#about a:hover {color:#e7d869;}
#listen a:hover {color:#383636;}

#about:hover ~ #bg {
background: #e7d869 !important;
transition:all 400ms;
}

#listen:hover ~ #bg {
background: #ebe8d8 !important;
transition:all 400ms;
}

.tag {font-size:16px !Important; line-height:20px; font-weight:900; width:660px; position:absolute; bottom:45px; right:45px; text-align:right; letter-spacing:2px; font-family:"industry"; text-transform:uppercase; color:#383636; margin-right:-20px;}

.footer {font-size:12px !important; font-weight:bold;  clear:both; text-align:center; font-family:"industry"; text-transform:uppercase;  letter-spacing:1px !important; display:block; position:relative; padding:30px 0;}
.footer a {display:inline-block; color:#383636;}

@media (max-width:1218px) {
.logo-splash img {width:550px; transition:all 400ms;}
}
@media (max-width:1102px) {
.tag {width:550px; }
}
@media (max-width:995px) {
.logo-splash img {width:400px;}
.logo-splash {top:100px; left:-40px;}
}
@media (max-width:754px) {
.logo img {width:170px;}
}


@media (max-width:914px) {
.tag {width:auto; right:0; left:0; bottom:0; background:#383636; text-align:center; font-size:25px; line-height:20px; padding:20px; display:inline-block; color:#ebe8d8; margin-right:0;}

}

@media (max-width:914px) and (max-height:562px) {
.tag {top:460px; width:auto; right:0; left:0; bottom:auto;}
}



@media (max-width:605px) {
#listen {right:0; left:50%; margin-left:6px;}
#about {right:0; left:50%; margin-left:-114px;}
.socials {top:80px; width:177px; right:0; left:50%; margin-left:-88px;}
.logo-splash img {width:350px;}
.logo-splash {top:140px; left:-65px;}
.logo {top:30px; left:-15px;}
.logo img {width:100px;}


}
@media (max-width:430px) {
.logo img {width:350px;}
.logo {top:140px; left:-65px;}
}