body {margin: 0px; padding: 0px; height: 100%; background-color: black; font-family: helvetica; box-sizing: border-box;} #trigger2 {height: 11000px; overflow: hidden; background-color: black;} .light1 {display: block; margin-top: 3%;} .light2 {display: none;} .log1 {display: none;} .log3 {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%; border: 0px solid red; z-index: 1111;} #trans1 {z-index: 111; background-color: transparent;} #introStregMo {width: 0%; left: 0%;} #introTextMo {position: relative; left: -50%; font-size: 0px; margin-top: 5%; color: white; letter-spacing: 11px;z-index: 344; width: 0%;} #introTextDesk1 {position: relative; left: -115%; font-size: 16px; margin-top: 30%;color: white; letter-spacing: 11px;z-index: 344; margin-bottom: 111px;text-align: center; line-height: 39px;} #introStreg {position: absolute; left: -72%; margin-top: -50%; z-index: 111; opacity: .5; width: 60%; z-index: 11;} #maya1aText2 {position: absolute; font-size: 14px; margin-top: 98%; margin-left: 5%; color: white; letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; 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: 333;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: 6%; color: white; letter-spacing: 6px; z-index: 333;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: 333;text-align: left; width: 42%; 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: 333;text-align: left; width: 42%; 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: 333;text-align: left; width: 42%; 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: 333;text-align: left; width: 42%; 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: 333;text-align: left; width: 42%; padding: 2% 3%; border-top: 0px; border-left: 1px solid white;} .not1 {position: absolute; margin-top: -10%; z-index: 2222;} #mayaBW {position: relative; font-size: 14px; margin-left: 5%; margin-top: -50%; color: white;letter-spacing: 11px; border-top: 1px solid white; width: 30%; padding: 1% 1%;line-height: 22px; z-index: 2222;} #footer1 {position: relative; width: 60%; height: 380px; 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; padding: 3%; box-sizing: border-box; display: none; z-index: 3333;} /*/////////////////////////////////////*/ /*/////////////////////////////////////*/ @media screen and (min-width: 1281px) and (max-width: 2440px){ #mobile1 {width: 21%; position: absolute; left: 79.9%; margin-top: 4.4%;} #trigger2 {height: 10800px; overflow: hidden; background-color: black;} .eae.lights {z-index: 1111;} #trans1 {z-index: 111; background-color: transparent;} #introStreg {z-index: 11;} .not1 {position: absolute; margin-top: -10%;} .not2 {display: none;} #footer1 {position: relative; width: 60%; height: 185px; margin: 115% 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; box-sizing: border-box; display: none;}} /*iphone6/////////////////////////////////////*/ /*/////////////////////////////////////*/ @media screen and (min-width: 320px) and (max-width: 413px){ .light1 {display: none;} .light2 {display: block;} #trigger2a {height: 5000px; background-color: black; overflow: hidden;} .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; top: 0%; overflow: hidden;} .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 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: -45%; overflow: hidden; border: 0px solid red; display: block; z-index: 1111;} .eaePad1.lightsPad1 {display: none;} #trans2 {z-index: 111; background-color: transparent;} #introTextMo {position: relative; left: -81%; font-size: 0px; margin-top: 70%; color: white; letter-spacing: 7px; z-index: 1336; padding: 21px 21px; width: 100%;} #introStregMo {position: absolute; left: -67%; top: -10%; z-index: 11; opacity: .5; width: 79%; display: block;} #introTextDesk1 {font-size: 0px;} #introStreg {display: none; position: absolute; left: -333px; margin-top: -40%; z-index: 11; opacity: .5; width: 60%;} #introText3 {position: absolute; left: -300px; font-size: 25px; margin-top: -40%; margin-left: 5%;color: white; letter-spacing: 11px;z-index: 3376; background-color: black; width: 110%; padding-left: 15%; padding-top: 5%; padding-bottom: 12%; margin-bottom: 22%;} #mayaStreg1Text2 {position: absolute; font-size: 0px; margin-top: 125%; margin-left: 6%; color: white; letter-spacing: 11px; z-index: 3333;} #maya1aText2 {position: absolute; font-size: 12px; margin-top: 44%; margin-left: 6%; color: white; letter-spacing: 6px; z-index: 333;text-align: left; width: 42%; padding: 2% 6%; border-top: 0px; border-left: 1px solid white;} #maya1bText2 {position: absolute; font-size: 12px; margin-top: 44%; 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: 44%; 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: 44%; 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: 44%; 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: 44%; 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: 44%; 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: 44%; 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;} #maya5Text2 {position: absolute; font-size: 12px; margin-top: 44%; 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;} #maya6Text2 {position: absolute; font-size: 12px; margin-top: 44%; 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;} #maya7Text2 {position: absolute; font-size: 12px; margin-top: 44%; 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;} .not1 {display: none;} #mayaBW {display: none;} #footer1 {position: relative; width: 80%; height: 200px; 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: 6000px; background-color: black; overflow: hidden;} .logo {width: 100%; margin-top: 0%;} .logos { margin: 0px auto 0px auto; padding: 15px; width: 20%; border-bottom: 1px solid wheat; 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;}*/ #trans2 {z-index: 111; background-color: transparent;} .eaeMo {width:100%;} .eaeMo.lightsMo {margin-bottom: 100px; background-color: black; width: 75%; margin-top: 7%; padding-top: 10%; border: 0px solid red; z-index: 1111;} #introTextMo {position: relative; left: -85%; font-size: 0px; margin-top: 70%; color: wheat; letter-spacing: 7px; z-index: 1336; width: 100%; padding: 21px 21px; width: 110%; margin-bottom: -222px;} #introStregMo {position: absolute; left: -67%; top: -43%; z-index: 11; opacity: .5; width: 79%; display: block;} #introTextDesk1 {font-size: 0px;} #introStreg {display: none; position: absolute; left: -333px; margin-top: -42%; z-index: 111; opacity: .5; width: 60%;} #maya1aText2 {position: absolute; font-size: 12px; margin-top: 100%; 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; display: block;} #maya1bText2 {position: absolute; font-size: 12px; margin-top: 100%; 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: 100%; 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: 100%; 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: 100%; 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: 100%; 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: 100%; 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: 100%; 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;} #maya5Text2 {position: absolute; font-size: 12px; margin-top: 100%; 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;} #maya6Text2 {position: absolute; font-size: 12px; margin-top: 100%; 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;} #maya7Text2 {position: absolute; font-size: 12px; margin-top: 100%; 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;} .not1 {display: none;} #mayaBW {display: none;} #footer1 {position: relative; width: 80%; height: 200px; 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: 4860px; 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;} #trans2 {z-index: 111; background-color: transparent;} .eaeMo {width:100%;} .eaeMo.lightsMo {margin-bottom: 15px; background-color: black; width: 40%; margin-top: 20%; border: 0px solid red; z-index: 1111} #introTextMo {position: relative; left: -86%; font-size: 0px; margin-top: 38%; color: white; letter-spacing: 7px; z-index: 1336; text-align: center; border: 0px solid red; width: 100%;} #introStregMo {display: block; position: absolute; margin-top: -49.7%; z-index: 11; opacity: .6; width: 45%; left: -17%;} #maya1aText2 {position: absolute; font-size: 12px; margin-top: 70%; 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; display: block;} #maya1bText2 {position: absolute; font-size: 12px; margin-top: 70%; 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: 70%; 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: 70%; 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: 70%; 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: 70%; 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: 70%; 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: 70%; 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;} #maya5Text2 {position: absolute; font-size: 12px; margin-top: 70%; 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;} #maya6Text2 {position: absolute; font-size: 12px; margin-top: 70%; 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;} #maya7Text2 {position: absolute; font-size: 12px; margin-top: 70%; 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;} .not1 {position: absolute; display: block; margin-top: -10%; z-index: 2222;} #mayaBW {position: relative; font-size: 12px; margin-left: 5%; margin-top: -50%; color: white;letter-spacing: 11px; border-top: 1px solid white; width: 32%; padding: 2% 3%;line-height: 20px; z-index: 2222;} } /*Iphone6+ landscape/////////////////////////////////////*/ /*/////////////////////////////////////*/ @media screen and (min-width: 736px) and (max-width: 767px){ .light1 {display: none;} .light2 {display: block;} #trigger2a {height: 4980px; 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;} #trans2 {z-index: 111; background-color: transparent;} .eaeMo {width:100%;} .eaeMo.lightsMo {margin-bottom: 15px; background-color: black; width: 40%; margin-top: 10%; border: 0px solid red; z-index: 1111} #introTextMo {position: relative; left: -85.7%; font-size: 0px; margin-top: 38%; text-align: center; color: white; letter-spacing: 7px; z-index: 1336; border: 0px solid red; width: 100%;} #introStregMo {display: block; position: absolute; margin-top: -49%; z-index: 11; opacity: .6; width: 45%; left: -17%;} #maya1aText2 {position: absolute; font-size: 12px; margin-top: 60%; 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; display: block;} #maya1bText2 {position: absolute; font-size: 12px; margin-top: 60%; 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: 60%; 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: 60%; 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: 60%; 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: 60%; 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: 60%; 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: 60%; 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;} #maya5Text2 {position: absolute; font-size: 12px; margin-top: 60%; 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;} #maya6Text2 {position: absolute; font-size: 12px; margin-top: 60%; 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;} #maya7Text2 {position: absolute; font-size: 12px; margin-top: 60%; 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;} .not1 {position: absolute; display: block; margin-top: -10%; z-index: 2222;} #mayaBW {position: relative; font-size: 12px; margin-left: 5%; margin-top: -50%; color: white;letter-spacing: 11px; border-top: 1px solid white; width: 32%; padding: 2% 3%;line-height: 26px; z-index: 2222;} } /*Ipad 768x1024 portrait/////////////////////////////////////*/ /*/////////////////////////////////////*/ @media screen and (min-width: 768px) and (max-width: 1023px){ .light1 {display: block;} .light2 {display: none;} #trigger2 {height: 7800px; 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%;} .eae.lights {background-color: black; margin-bottom: 550px; margin-top: -13%; position: relative; width: 45%; border: 0px solid red;} #introTextDesk1 {position: relative; left: -115%; font-size: 20px; margin-top: 38%;color: white; letter-spacing: 11px;z-index: 344; margin-bottom: 111px;text-align: center; line-height: 39px;} #introStreg {position: absolute; left: -72%; margin-top: -60%; z-index: 111; opacity: .5; width: 60%;} #maya1aText2 {position: absolute; font-size: 14px; margin-top: 50%; margin-left: 5%; 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: 70%; 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){ .light1 {display: block;} .light2 {display: none;} #trigger2 {height: 9500px; background-color: black; overflow: hidden;} #introTextDesk1 {position: relative; left: -115%; font-size: 20px; margin-top: 32%;color: white; letter-spacing: 11px;z-index: 344; margin-bottom: 111px;text-align: center; line-height: 39px;} #introStreg {position: absolute; left: -72%; margin-top: -50%; z-index: 111; opacity: .5; width: 60%;} #footer1 {position: relative; width: 60%; height: 175px; margin: 145% 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;} .not2 {display: none;}}