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


body{
	background-color:#000;
background-repeat:no-repeat;
	background-size:cover;
/*font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	color:#FFF;margin:0;
	padding:0;
	}

#firstFE{
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	height:570px;
	display:block;
	border-bottom:3px #FFFFFF solid;
	margin:70px 0 0 0;
	padding:0 0;
	}



@media screen and (max-width:500px){
	#firstFE{	
		background-image:url(../imgs/FIRE_bg_sq.jpg);
		background-size:cover;
		background-position:center bottom;
	}
	}
	
@media screen and (min-width:501px) and (max-width:1024px){
	#firstFE{	
		background-image:url(../imgs/FIRE_bg_rec.jpg);
		background-size:cover;
		background-position:center bottom;
	}
	}
		
@media screen and (min-width:1025px){
	#firstFE{	
		background-image:url(../imgs/FIRE_bg_pano.jpg);
		background-size:cover;
		background-position:center bottom;
		}
	}
	
.contCol{
	/*background-image:url(../imgs/HERO_particles.png);
	height:500px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	margin:0;
	padding:0;
	z-index:10;*/
	}
	
@media screen and (min-width:501px){
	
	.col1, .col2, .col3 {
		width:33%;
		margin:0;
		padding:0;
		float:left;
		min-height:100px;
	}
	
	.col1 img{
		width:60%;
		margin:20%;
		min-width:130px;
		max-width:200px;
		height:auto;
	}
	}	

@media screen and (max-width:500px){
	.col1{
		width:100%;
		margin:10px 0 0;
		padding:0;
		float:left;
		min-height:100px;
	}
	
	.col2 {
		width:0;
		margin:370px 0 0;
		padding:0;
		float:left;
		min-height:100px;
	}
	
	.col3 {
		width:0;
		margin:370px 0 0;
		padding:0;
		float:left;
		min-height:100px;
	}
	.col1 img{
	width:40%;
	margin:0 30%;
	min-width:150px;
	height:auto;
	}
	}	


.col2 img{
	width:100%;
	height:auto;
	}
	
@media screen and (max-width:480px){
	#info{
	margin:50px 10% 0;
	/*font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:1.1em;}
	}

@media screen and (min-width:481px){
	#info{
	margin:50px 25% 0;
	/*font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:1.1em;}
	}
	
.latoBold{
	font-weight:900;
	}
		
.latoBig{
	font-size:1.2em;
	}	
		
.latoOne{
	font-size:1em;
	}		
		
.latoOneSmall{
	font-size:.75em;
	}
	
.underline{
	text-decoration:underline;
	}	
		
a:link{
	text-decoration:none;
	color:#FFF;
	}	
	
a:visited{
	text-decoration:none;
	color:#FFF;
	}			
	
.logoCredits{
	width:50%;
	margin:0 25%;
	text-align:center;
	}		
	
@media screen and (max-width:700px){
	.logoCredits img{
		width:100% !important;
		}
	}

@media screen and (min-width:701px){
	.logoCredits img{
			width:200px !important;
			}
	}			
			

.contDosCol{
	width:100%;
	margin:0;
	padding:0;
	display:block;}
	
@media screen and (max-width:900px){
		
	.DosColUna{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		color: #FFFFFF;
		}

	.DosColDos{
		width:100%;
		margin:0;
		padding:0;
		float:left;
	}
}

@media screen and (min-width:901px){

	.DosColUna{
		width:45%;
		margin:0;
		padding:0;
		float:left;
	}

	.DosColDos{
		width:45%;
		margin:0;
		padding:0;
		float:right;
	}
	
	}


	
.logoInk{
	width:100px;
	float:left;
	padding:8px 16px;
	}
	
	nav#socialsN{
	float:right;
	}
nav#socialsN i{
	font-size:18px;
	padding:5px;
	margin:25px 5px;
	}	
/*	
.w3-container{padding:0.01em 16px;}		


.w3-padding{padding:8px 16px!important;}
*/
header{
	/*display:block;*/background-color:#000;
	position:fixed;
	z-index:100;
	width:100%;
	top:0;
	/*height:57px;*/}
	
	.clear{
		float:none;
		clear:both;
		}
		
#bottomSection{

	}

.subscribe{
	/*background-color:#000;*/
	width:100%;
	height:200px;
	margin:40px 0 0;
	padding:40px 0 20px;
	text-align:center;	}




	
	
	
	@media screen and (max-width:600px){			
.videoN iframe{
	width:350px;
	height:196px;
	margin:20px auto;
	display:block;
	}	
	}
@media screen and (min-width:601px) and (max-width:1000px){		
.videoN iframe{
	width:600px;
	height:337px;margin:20px auto;
	display:block;
	}	
}		
@media screen and (min-width:1001px){		
.videoN iframe{
	width:800px;
	height:450px;margin:20px auto;
	display:block;
	}	}	

.col1 img.laurelsHeroVert {
   
    width:60%;
		margin:5px 20% 0;
		min-width:100px;
		max-width:150px;
		height:auto;
}


@media screen and (max-width:750px){

        
.contLaurelsFE{
    text-align: justify;
    padding: 15px 5% 0;
}


.contLaurelsFE > div{
 
   width: 32%; /* Declare your value. Can be in relative units. */
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
    height: 70px;
   }
    
.contLaurelsFE:after {
    content: "";
    display: inline-block;
}
    
   
.contLaurelsFE div img{
    padding: 0;
    width: auto;
   height: 55px;

   } 


}


@media screen and (min-width:751px)and (max-width:1024px){

    
    
    
    
    
    
.contLaurelsFE{

    text-align: justify;
    padding: 40px 10% 0;
}


.contLaurelsFE > div{

   width: auto; /* Declare your value. Can be in relative units. */
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
height: 75px;
    
      
  


   }
    
.contLaurelsFE:after {
    content: "";
    width: 100%;
    display: inline-block;
}
    
   
.contLaurelsFE div img{
    padding: 0 14px;
    width: auto;
    max-height:60px;
 

   }    

}

@media screen and (min-width:1025px){

    
    
    
    
    
    
.contLaurelsFE{

    text-align: justify;
    padding: 40px 5% 0;
}


.contLaurelsFE > div{

   width: auto; /* Declare your value. Can be in relative units. */
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
height: 80px;
    
      
  


   }
    
.contLaurelsFE:after {
    content: "";
    width: 100%;
    display: inline-block;
}
    
   
.contLaurelsFE div img{
    padding: 0;
    width: auto;
    max-height:55px;
 

   }    

}
  



.contStores{
    margin: 0 auto 0;
    width: 100%;
    text-align: center;
    position: relative;


}



	
.linkDaydream{
 
	position:relative;
    margin:0 5%; 
  bottom: 130px;
    
	}	

.linkDaydream img{
	width:200px;
	margin:0 auto;


	}

a:hover{
	opacity:0.7;
	}	




.left{ float: left;}
.right{float: right;}


@media screen and (max-width:600px){
    
  .left{ float: none;}
.right{
    float: none;
    padding-top: 20px;}  
}