body {margin: 0px; padding: 0px; height: 100%; background-color: black; font-family: helvetica; box-sizing: border-box;}
       
.col-md-12 img { width: 100%; margin: auto auto; position: relative;}
.col-lg-12 {width: 100%; margin: 0 0; padding: 0 0;} 

#trigger2 {height: 9000px; overflow: hidden; background-color: black;}
.light1 {display: block; margin-top: 3%; }
.light2 {display: none;}

.log1 {display: none;}
.log3 {display: none;}

.logo {width: 100%; position: relative; margin: 5% auto auto auto;}
.logos { margin: 0px auto 0px auto; padding: 15px; width: 20%; border-bottom: 1px solid white; position: relative;}

.col-xs-4 p { position: relative; margin: 0 0; text-align: center; padding: 0 0; top: -8px; width: 25%; left: 12.5%;}
.col-xs-4 .pLogo:hover {  font-size: 0px; letter-spacing: 7px; padding: 11px 0px; text-align: center; color: white; 
              border-bottom: 0px solid black; margin-top: 11px; left: 20%; height: 0px; width: 60%; text-decoration: none;
              
              transition: height .4s ease-out, font-size .4s ease-out, border-bottom .4s ease-out,
              letter-spacing .4s ease-out;}

/* .logo:hover .pLogo { height: 40px; font-size: 13px; letter-spacing: 11px; border-bottom: 1px solid white; } */

/* a:hover {text-decoration: none;} */


.eae.lights {background-color: black; margin-bottom: 550px; margin-top: 5%; padding-top: -111px;
	         position: relative; width: 45%; z-index: 1111;}
#trans1 {z-index: 111; background-color: transparent;}


#footer1 {position: relative; width: 40%; height: 340px; margin: 95% auto auto auto; border-top: 1px solid white; color: white;
          padding: 2% 0; opacity: .9; z-index: 1533; font-size: 12px; text-align: center; letter-spacing: 5px;
          display: none; padding: 3%; box-sizing: border-box;}


#introTextMo {position: relative; left: -117.8%; font-size: 0px; margin-top: 5%; margin-left: 5%;color: white;
   			 letter-spacing: 11px;z-index: 344; width: 0%;}

#introTextDesk1 {position: relative; left: -125%; font-size: 16px; margin-top: 30%;color: white;
   			 letter-spacing: 11px;z-index: 344; margin-bottom: 111px; text-align: center; line-height: 39px;} 

#introStregMo {display: none;}
#eaeIntroStreg1 {position: absolute; margin-top: -47%; opacity: .8; left: -336px; width: 35%; z-index: 11;}
#eaeIntroStreg2 {width: 0%;}  



#eaeWhiteText2 {position: absolute; font-size: 14px; margin-top: 88%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#eaeWoodText2 {position: absolute; font-size: 14px; margin-top: 60%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#eaeTransText2 {position: absolute; font-size: 14px; margin-top: 60%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#eaeGreenText2 {position: absolute; font-size: 14px; margin-top: 60%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#eaeBlackText2 {position: absolute; font-size: 14px; margin-top: 60%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#eaeStreg1Text2 {position: absolute; font-size: 14px; margin-top: 60%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

.not1 {position: absolute; display: block; margin-top: -10%; z-index: 2222;}
#eaeLou {position: relative; font-size: 14px; margin-left: 5%; margin-top: -50%; color: white;letter-spacing: 11px;
		 border-top: 1px solid white; width: 22%; line-height: 22px; padding: 1% 1%; z-index: 2222;}

/*big desktop/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 1280px) and (max-width: 2440px){

#trigger2 {height: 9600px; overflow: hidden; background-color: black;}

.light1 {display: block; margin-top: 3%;}
.light2 {display: none;}

.log1 {display: none;}
.log3 {display: none;}

.eae.lights {background-color: black; margin-bottom: 640px; margin-top: -5%; top: -5%; z-index: 1111;}
/* .logo:hover .pLogo { height: 40px; font-size: 13px; letter-spacing: 11px; border-bottom: 1px solid white;
	text-decoration: none; } */

#introTextMo {width: 0%;}
#introStregMo {width: 0%;}
#eaeIntroStreg1 {width: 0%;}
#eaeIntroStreg2 {position: absolute; margin-top: -46%; z-index: 111; opacity: .8; left: -532px; width: 35%; z-index: 11;}

.not1 {position: absolute; display: block; margin-top: -10%; z-index: 2222;}
#eaeLou {position: relative; font-size: 16px; margin-left: 6%; margin-top: -50%; color: white;letter-spacing: 11px;
		 border-top: 1px solid white; width: 22%; padding: 1% 1%; z-index: 2223;}

#footer1 {position: relative; width: 60%; height: 115px; margin: 125% auto auto auto; border-top: 1px solid white; color: white;
          padding: 2% 0%; opacity: .9; z-index: 1533; font-size: 12px; text-align: 
		  center; padding: 3%; letter-spacing: 5px;display: none; box-sizing: border-box;}}
		  

 @media screen and (min-width: 2441px) and (max-width: 2560px){
.logo:hover .pLogo{ height: 40px; font-size: 13px; letter-spacing: 11px; border-bottom: 1px solid white;
text-decoration: none; }

/* a:hover {text-decoration: none;} */
		  }


/*Iphone6/////////////////////////////////////*/
/*///////////////////////////////////////////*/

@media screen and (min-width: 320px) and (max-width: 413px){

.logo {width: 100%; margin-top: 0%}
.logos { margin: 0px auto 0px auto; padding: 15px; width: 20%; border-bottom: 1px solid white; position: relative;}
#trigger2a {height: 4500px; background-color: black; overflow: hidden; position: relative;}

.light1 {display: none;}
.light2 {display: block; }

.log1 {display: none;}
.log3 {display: none;}
.log2 {border-bottom: 1px solid wheat;}




.col-xs-4 img { margin: 11% auto; padding: 18px; width: 70%; border-bottom: 1px solid white; background-color: black; }
.col-xs-12 img {width: 100%; background-color: black; margin: -3% auto; overflow: hidden;}

.col-xs-4 p { position: relative; margin: 0 0; text-align: center; padding: 0 0; top: -8px; width: 25%; left: 12.5%;}
/*
.col-xs-4 .pLogo {  font-size: 0px; letter-spacing: 7px; padding: 11px 0px; text-align: center; color: white; 
              border-bottom: 0px solid black; margin-top: 11px; left: 20%; height: 0px; width: 60%;
              
              transition: height .4s ease-out, font-size .4s ease-out, border-bottom .4s ease-out,
              letter-spacing .4s ease-out;}*/

/* .logo:hover .pLogo { height: 0px; font-size: 13px; letter-spacing: 11px; border-bottom: 1px solid white; display: none; } */

/* a:hover {text-decoration: none;} */

.eaeMo {width:100%;}

.eaeMo.lightsMo {margin-bottom: 100px; background-color: black; width: 80%; margin-top: 23%;
            	 padding-top: 13%; overflow: hidden; border: 0px solid red; z-index: 1111;}
#trans2 {z-index: 111; background-color: transparent;}


#introTextMo {position: relative; left: 8%; font-size: 0px; margin-top: 2%; 
		  	  color: white; letter-spacing: 7px; z-index: 1336; width: 250px; padding: 21px 21px; 
			  width: 100%; margin-bottom: -222px;}

#introStregMo {display: block; position: absolute; margin-top: 49%; z-index: 11; opacity: .9; width: 55%; left: -117%;}


#introTextDesk1 {font-size: 0px;} 
#eaeIntroStreg1 {display: none;}
#eaeIntroStreg2 {display: none;}   

#eaeWhiteText2 {position: absolute; font-size: 12px; margin-top: 131%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
			    border-top: 0px; border-left: 1px solid white;}

#eaeWoodText2 {position: absolute; font-size: 12px; margin-top: 131%; margin-left: 6%; color: white; 
			   letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%; 
			   border-top: 0px; border-left: 1px solid white;}

#eaeTransText2 {position: absolute; font-size: 12px; margin-top: 131%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%; 
				border-top: 0px; border-left: 1px solid white;}

#eaeGreenText2 {position: absolute; font-size: 12px; margin-top: 131%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}

#eaeRedText2 {position: absolute; font-size: 12px; margin-top: 198%; margin-left: 6%; color: white; 
			  letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%; 
			  border-top: 0px; border-left: 1px solid white;}

#eaeBlackText2 {position: absolute; font-size: 12px; margin-top: 131%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%; 
				border-top: 0px; border-left: 1px solid white;}

#eaeStreg1Text2 {position: absolute; font-size: 12px; margin-top: 131%; margin-left: 6%; color: white; 
				 letter-spacing: 6px; z-index: 3333;text-align: left; width: 52%; padding: 2% 6%; 
				 border-top: 0px solid white;}

.not1 {display: none;} #eaeLou {display: none;}

#footer1 {position: relative; width: 80%; height: 150px; margin: 75% auto auto auto; border-top: 0px solid white; 
	      color: white; padding: 2% 0; opacity: .9; z-index: 1533; font-size: 12px; text-align: center; 
	      padding: 3%; letter-spacing: 3px; display: block; box-sizing: border-box; display: block;}

	  }


/*Iphone6 +/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 414px) and (max-width: 626px){

.light1 {display: none;}
.light2 {display: block;}

#trigger2a {height: 4400px; background-color: black; overflow: hidden;}

.log1 {display: none;}
.log3 {display: none;}


.logo {width: 100%; margin-top: 0%}
.logos { margin: 0px auto 0px auto; padding: 15px; width: 20%; border-bottom: 1px solid white; position: relative;}

.col-xs-4 img { margin: 11% auto; padding: 18px; width: 70%; border-bottom: 1px solid white; background-color: black; }
.col-xs-12 img {width: 100%; background-color: black; margin: 0 auto; overflow: hidden;}

/*.col-xs-4 p { position: relative; margin: 0 0; text-align: center; padding: 0 0; top: -8px; width: 25%; left: 12.5%;}
.logo:hover .pLogo { height: 0px; font-size: 13px; letter-spacing: 11px; border-bottom: 1px solid white; display: none; }
a:hover {text-decoration: none;}*/


.eaeMo {width:100%;}
.eaeMo.lightsMo {margin-bottom: 100px; background-color: black; width: 68%; margin-top: 10%;
				 padding-top: 12%; border: 0px solid red; z-index: 1111;}
#trans2 {z-index: 111; background-color: transparent;}

#introTextMo {position: relative; left: -171%; font-size: 0px; margin-top: 67%; 
			 color: white; letter-spacing: 7px; z-index: 1336; width: 250px; padding: 21px 21px; 
			 border: 0px solid red; width: 100%; margin-bottom: -222px;}

#introStregMo {display: block; position: absolute; margin-top: -20%; z-index: 11; opacity: .9; width: 60%; left: -132%;}



#eaeWhiteText2 {position: absolute; font-size: 14px; margin-top: 100%; margin-left: 6%; color: white; 
					letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}

#eaeWoodText2 {position: absolute; font-size: 14px; margin-top: 100%; margin-left: 6%; color: white; 
					letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}

#eaeTransText2 {position: absolute; font-size: 14px; margin-top: 100%; margin-left: 6%; color: white; 
					letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}

#eaeGreenText2 {position: absolute; font-size: 14px; margin-top: 100%; margin-left: 6%; color: white; 
					letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}

#eaeRedText2 {position: absolute; font-size: 14px; margin-top: 100%; margin-left: 6%; color: white; 
					letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}

#eaeBlackText2 {position: absolute; font-size: 14px; margin-top: 100%; margin-left: 6%; color: white; 
					letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}

#eaeStreg1Text2 {position: absolute; font-size: 14px; margin-top: 100%; margin-left: 6%; color: white; 
					letter-spacing: 6px; z-index: 3333;text-align: center; width: 42%; padding: 2% 1%;
				border-top: 0px; border-left: 1px solid white;}


.not1 {display: none;} #eaeLou {display: none;}
#footer1 {position: relative; width: 80%; height: 150px; margin: 75% auto auto auto; border-top: 0px solid white; 
	      color: white; padding: 2% 0; opacity: .9; z-index: 1533; font-size: 11px; text-align: center; 
	      padding: 3%; letter-spacing: 3px; display: block; box-sizing: border-box; display: block;}}



/*Iphone6 landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 627px) and (max-width: 735px){

.light1 {display: none;}
.light2 {display: block;}

#trigger2a {height: 3860px; background-color: black; overflow: hidden;}


.logo {width: 100%; margin: 3% auto;}
.logos { margin: 0px auto 0px auto; padding: 15px; width: 30%; border: 1px solid white; position: relative;}

.eaeMo {width:100%;}
.eaeMo.lightsMo {margin-bottom: 15px; background-color: black; width: 40%; margin-top: 20%;
				 border: 0px solid red; z-index: 1111;}
#trans2 {z-index: 111; background-color: transparent;}


#introTextMo {position: relative; left: -152.3%; font-size: 0px; margin-top: 38%; 
			 color: white; letter-spacing: 7px; z-index: 1336; 
			 border: 0px solid red; width: 100%;}

#introStregMo {display: block; position: absolute; margin-top: -44%; z-index: 11; opacity: .9; width: 42%; left: -77.4%;}


.not1 {position: absolute; display: block; margin-top: -10%; z-index: 2222;}
#eaeLou {position: relative; font-size: 12px; margin-left: 6%; margin-top: -50%; color: white;letter-spacing: 11px;
		 border-top: 1px solid white; width: 32%; padding: 1% 1%; z-index: 2222;}

}

/*Iphone6+ landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 736px) and (max-width: 767px){

.light1 {display: none;}
.light2 {display: block;}

#trigger2a {height: 3900px; background-color: black; overflow: hidden;}


.logo {width: 100%; margin: 3% auto;}
.logos { margin: 0px auto 0px auto; padding: 15px; width: 30%; border: 1px solid white; position: relative;}

.eaeMo {width:100%;}
.eaeMo.lightsMo {margin-bottom: 15px; background-color: black; width: 40%; margin-top: 10%;
				 border: 0px solid red; z-index: 1111;}
#trans2 {z-index: 111; background-color: transparent;}


#introTextMo {position: relative; left: -150.5%; font-size: 0px; margin-top: 38%; 
			 color: white; letter-spacing: 7px; z-index: 1336; 
			 border: 0px solid red; width: 100%; display: block;}

#introStregMo {display: block; position: absolute; margin-top: -44%; z-index: 11; opacity: .9; width: 42%; left: -77.4%;}


.not1 {position: absolute; display: block; margin-top: -10%; z-index: 2222;}
#eaeLou {position: relative; font-size: 12px; margin-left: 6%; margin-top: -50%; color: white;letter-spacing: 11px;
		 border-top: 1px solid white; width: 32%; padding: 1% 1%; z-index: 2222;}

}


/*Ipad 768x1024 portrait//////////////////*/
/*///////////////////////////////////////*/

@media screen and (min-width: 768px) and (max-width: 1279px){

.light1 {display: block;}
.light2 {display: none;}

.log1 {display: none;}
.log3 {display: none;}

#trigger2 {height: 12000px; background-color: black; overflow: hidden;}

.col-sm-4 {width: 33.33%; padding: 15px;}
.col-sm-4  p {border: 0px solid black; font-size: 0px; margin-top: 10px; padding: 0px; text-align: center;}

.col-sm-4 img { margin: 0 auto; padding: 18px; width: 30%; border: 1px solid white;}

.logo {width: 100%; position: relative; margin-top: 5%; }
.logos { margin: 45px auto 0px auto; padding: 5%; width: 20%; border-bottom: 1px solid white; position: relative;}
.introLogos {position: relative; top: 1%;}

.eae.lights {background-color: black; margin-bottom: 550px; margin-top: -15%;
            position: relative; width: 45%; border: 0px solid red;}


#introTextDesk1 {position: relative; left: -124.6%; font-size: 20px; margin-top: 38%;color: white;
	             letter-spacing: 11px;z-index: 344; margin-bottom: 111px;text-align: center; line-height: 39px;}

#eaeIntroStreg1 {position: absolute; margin-top: -57%; z-index: 111; opacity: .9; left: -51%; width: 45%; z-index: 11;}


#eaeWhiteText2 {position: absolute; font-size: 14px; margin-top: 75%; margin-left: 6%; color: white; 
				letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#footer1 {position: relative; width: 80%; height: 355px; margin: 175% auto auto auto; border-top: 1px solid white;
 		 color: white; padding: 2% 0; opacity: .9; z-index: 1533; text-align: center; padding: 3%;
 		 letter-spacing: 5px; box-sizing: border-box; display: block;}

#eaeLou {display: block;}
.not1 {position: absolute; height: 100%; display: block;}}


/*Ipad 1024x768 landscape/////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*
@media screen and (min-width: 1024px) and (max-width: 1279px){


#trigger2 {height: 8000px; background-color: black; overflow: hidden;}

.log1 {display: none;}
.log3 {display: none;}

#introTextDesk1 {position: relative; left: -125%; font-size: 16px; margin-top: 32%;color: white;
	             letter-spacing: 11px;z-index: 344; margin-bottom: 111px;text-align: center; line-height: 39px;}

#eaeIntroStreg1 {position: absolute; margin-top: -50%; z-index: 111; opacity: .9; left: -51.5%; width: 45%; z-index: 11;}


#footer1 {position: relative; width: 60%; height: 155px; margin: 175% auto auto auto; border-top: 1px solid white;
 		 color: white; padding: 2% 0; opacity: .9; z-index: 1533; text-align: center; padding: 3%;
 		 letter-spacing: 5px; box-sizing: border-box; display: block;}


}*/