body {margin: 0px; padding: 0px; height: 100%; background-color: black; font-family: helvetica; box-sizing: border-box;}
       
        
 #trigger2 {height: 11800px; overflow: hidden; background-color: black;}

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

.col-md-12 img { width: 100%; margin: 0 auto; position: relative;}
.col-lg-12 {width: 100%; margin: 0 0; padding: 0 0;}

.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-sm-4 p { position: relative; margin: 0 0; text-align: center; padding: 0 0; top: -8px; width: 25%; left: 12.5%;}
.col-sm-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: 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;
            position: relative; width: 45%; z-index: 11111;}
#trans1 {z-index: 111; background-color: transparent;}

#introTextDesk1 {position: relative; left: -650px; font-size: 16px; margin-top: 30%;color: white;
   			    letter-spacing: 7px;z-index: 344; margin-bottom: 111px; text-align: center; line-height: 39px;} 
#speakIntroStreg1  {position: absolute; margin-top: -50%; z-index: 11; opacity: .9; left: -333px; width: 60%;}

#introText2 {position: relative; left: -300px; font-size: 0px; margin-top: 5%; margin-left: 5%;color: white;
   		    letter-spacing: 11px;z-index: 344;}
#speakIntroStreg {position: absolute; left: -222px; margin-top: -58%; z-index: 11; opacity: .6; width: 0%;}


#mayaStreg1Text2 {position: absolute; font-size: 16px; margin-top: 75%; margin-left: 6%; color: white; 
					letter-spacing: 11px; z-index: 333; border-top: 1px solid white; text-align: center; width: 22%; padding: 1% 1%;} 

#maya1aText2 {position: absolute; font-size: 14px; margin-top: 70%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya1bText2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya2aText2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya2bText2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya3aText2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya3bText2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya4aText2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya4bText2{position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya5Text2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya6Text2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

#maya7Text2 {position: absolute; font-size: 14px; margin-top: 45%; margin-left: 5%; color: white; 
				letter-spacing: 6px; z-index: 33333;text-align: left; width: 22%; padding: 2% 3%;
			    border-top: 0px; border-left: 1px solid white;}

.not1 {position: absolute; margin-top: -10%; z-index: 22222;}	         

#cocoText {position: relative; font-size: 14px; margin-left: 6%; margin-top: -50%; color: white;letter-spacing: 11px;
			border-top: 1px solid white; width: 22%; padding: 1% 1%; z-index: 22223; line-height: 22px;}


/*big desk/////////////////////////////////////*/
/*////////////////////////////////////////////*/
@media screen and (min-width: 1281px) and (max-width: 2440px){
#mobile1 {width: 21%; position: absolute; left: 79.9%; margin-top: 4.4%;}

}


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

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

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

.col-xs-4 img { 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;}

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


.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: 250px; background-color: black; width: 80%; margin-top: 0%;
            	 overflow: hidden; display: block; z-index: 1111; padding-top: 30%;}
#trans2 {z-index: 111; background-color: transparent;}            	 

#introText2 {position: relative; left: -86%; font-size: 0px; margin-top: 0%; 
			 color: white; letter-spacing: 7px; z-index: 1336; padding: 21px 21px;
			 width: 100%; text-align: center;}

#speakIntroStreg {position: absolute; left: -48%; margin-top: -10%; z-index: 11; opacity: .8; width: 65%; display: block;}

/*#speakIntroStreg1  {position: absolute; margin-top: -44%; z-index: 111; opacity: .9; left: -333px; width: 0%; display: none;}*/
#introTextDesk1 {position: relative; left: -300px; font-size: 24px; margin-top: 5%;color: white;
   		    	 letter-spacing: 11px;z-index: 344; margin-bottom: 111px; display: none;}

	
#mayaStreg1Text2 {position: absolute; font-size: 0px; margin-top: 125%; margin-left: 6%; color: white; 
					letter-spacing: 11px; z-index: 3333; display: none;} 

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

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

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

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


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


#footer1 {position: relative; width: 80%; height: 120px; 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: 5650px; background-color: black; overflow: hidden;}


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

.col-xs-4 img { 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: 300px; background-color: black; width: 80%; margin-top: -60%;
				 padding-top: 12%; border: 0px solid red; z-index: 1111}
#trans2 {z-index: 111; background-color: transparent;} 

#introText2 {position: relative; left: -86%; font-size: 0px; margin-top: 70%; 
			 color: white; letter-spacing: 7px; z-index: 1336; padding: 21px 21px;
			 width: 100%; text-align: center;}

#speakIntroStreg {position: absolute; left: -48%; margin-top: -80%; z-index: 11; opacity: .8; width: 65%; display: block;}


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

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

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

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

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

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


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

#footer1 {position: relative; width: 80%; height: 120px; 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 & landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

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

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

#trigger2a {height: 6960px; 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: 155px; background-color: black; width: 40%; margin-top: 40%;
				 border: 0px solid red; z-index: 1111;}
#trans2 {z-index: 111; background-color: transparent;}


#introText2 {position: relative; left: -88%; font-size: 16px; margin-top: 35%; 
			 color: white; letter-spacing: 7px; z-index: 1336; padding: 21px 21px;
			 width: 100%; text-align: center;}

#speakIntroStreg {position: absolute; left: -14%; top: 117%; z-index: 11; opacity: .8; width: 43%;}


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

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

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

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

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

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

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

#cocoText {position: relative; font-size: 12px; margin-left: 6%; margin-top: -50%; color: white;letter-spacing: 11px;
			border-top: 1px solid white; width: 22%; padding: 1% 1%; z-index: 22223}}


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

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


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

#trigger2a {height: 6950px; 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: -155px; background-color: black; width: 40%; margin-top: 40%;
				 border: 0px solid red; z-index: 1111;}
#trans2 {z-index: 111; background-color: transparent;}

#introText2 {position: relative; left: -88%; font-size: 16px; margin-top: 35%; 
			 color: white; letter-spacing: 7px; z-index: 1336; padding: 21px 21px;
			 width: 100%; text-align: center;}

#speakIntroStreg {position: absolute; left: -14%; top: 127%; z-index: 11; opacity: .8; width: 43%;}


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

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

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

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

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

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

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

#cocoText {position: relative; font-size: 12px; margin-left: 6%; margin-top: -50%; color: white;letter-spacing: 11px;
			border-top: 1px solid white; width: 22%; padding: 1% 1%; z-index: 22223}


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

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

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

#trigger2 {height: 9800px; 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: 1px solid white; position: relative;}
.introLogos {position: relative; top: 1%;}

#trans1 {width: 45%;}
.eae.lights {background-color: black; margin-bottom: 550px; margin-top: -13%;
            position: relative; width: 65%; border: 0px solid red; z-index: 1111;}


#introTextDesk1 {position: relative; left: -55%; font-size: 20px; margin-top: 38%;color: white;
   			    letter-spacing: 11px;z-index: 344; margin-bottom: 111px; text-align: center; line-height: 39px;} 
#speakIntroStreg1  {position: absolute; margin-top: -60%; z-index: 11; opacity: .9; left: -28%; width: 60%;}


.not1 {display: block;} #cocoText {display: block;}

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


/*Ipad 1024x768 landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

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


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

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

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

#introTextDesk1 {position: relative; left: -55%; font-size: 20px; margin-top: 32%;color: white;
   			    letter-spacing: 11px;z-index: 344; margin-bottom: 111px; text-align: center; line-height: 39px;} 
#speakIntroStreg1  {position: absolute; margin-top: -50%; z-index: 11; opacity: .9; left: -28%; width: 60%;}

.not1 {display: block;} #cocoText {display: block;}

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

}