html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,li,ul,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; margin-top: 0;}
i{font-size: 50%; font-family: helvetica; letter-spacing: 0;vertical-align:top;padding:0;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;table-layout: fixed; display: table;}
table img{width:100%;}


body {  
	background-color:#000;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0px;
    overflow-x: hidden; 
 	font-family: 'Open Sans', sans-serif;
    z-index: -2;
    
    font-size:100%;
  	letter-spacing:3px;
	background-color:#000000;

}

.hero {
	position:absolute;
	display:block;
	width: 100%;
   	 height: 100%;
	 background: url('../img/splash-page.jpg');
	 background-size: cover;
	 background-repeat:no-repeat;
	 background-position:top center;
	 z-index:-1;
}

.spotify-wrap {
    position: relative;
    padding-bottom: 46px;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.spotify-wrap iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    
}

a{cursor: pointer; font-family: 'Open Sans', sans-serif; color:#fff}

.logo{width:30px; padding:1em;}


.widehold{width:100%;  z-index:1; position: fixed;}
.wideholdnav{ height:100%; padding:1em;text-align: left; margin-top:.5em;}
.wideholdnav a{font-size:1em;text-transform: uppercase;  cursor: pointer;text-decoration: none;
 text-shadow:-1px -1px #000, 1px 1px #000;font-weight:700}
.wideholdnav a:hover{color:#fff;}
.wideholdnav i{font-size:2em; line-height: 1.1;}
.wideholdnav span{margin-right:1em;color:#fff;}
.wideholdnav a:hover{color:#ccc;}

.imgs{display:none}

.clearfix:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}

#spotify{position:fixed; bottom:0; width:100%;left:0;}

@media (max-width:680px) {
	.widehold{width:100%;  z-index:1; position: absolute;}
	.wideholdnav{ height:100%; padding:1em;text-align: center; margin-top:.5em;}
	.wideholdnav i{font-size:1.5em; line-height: 1.1;}
	.wideholdnav span{margin-right:1em;color:#fff;}
	
	.hero {
		position:absolute;
		display:block;
		width: 100%;
   	 	height: 100%;
	 	background: url('../img/splash_outnow_mobile.jpg');
	 	background-size: cover;
	 	background-repeat:no-repeat;
	 	background-position:top center;
	 	z-index:-1;
	}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
	
	
	.widehold{width:100%;  z-index:1; position: absolute;}
	.wideholdnav{ height:100%; padding:1em;text-align: center; margin-top:.5em;}
	.wideholdnav i{font-size:1.5em; line-height: 1.1;}
	.wideholdnav span{margin-right:1em;color:#fff;}
	
	.hero {
		position:absolute;
		display:block;
		width: 100%;
   	 	height: 100%;
	 	background: url('../img/splash_outnow_mobile.jpg');
	 	background-size: cover;
	 	background-repeat:no-repeat;
	 	background-position:top center;
	 	z-index:-1;
	}
	
	
	
	
	
	
	
	}