Div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;margin:0;-webkit-animation-duration:.1s;-webkit-animation-name:fontfix;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-delay:.1s;text-align:center}img{border:0}html{scroll-behavior:smooth} 

.green, .neerg{background-color:#004038}.green{padding:400px 0 0 0 ;margin:-150px 0 0 0} .neerg{padding:0 0 25px 0  ;margin: 0}#CARD{margin:10px  0}#CARD a{color:grey;font-size:16px} 

.try{letter-spacing:2px;font-weight:700; font-size:32px;line-height:42px}.ctr a{color:#fff;text-decoration:none!important}.ctr{margin:25px auto}
.try{background-color:#2e8b57;box-shadow:9px 9px 10px 0 #333;cursor:pointer;padding:30px 0;width:450px;display:inline-block;margin:auto;border:2px solid #000}
.try a,.try a:active,.try a:visited{color:#fff}.sp:hover,.try:hover{background-color:#0064fb}
.try span{color:#ff0;word-spacing:6px;letter-spacing:2px;font-weight:400;	font-size:28px}
.sp {	background-color: #50164a!important}

.ld{width:800px!important;height:auto!important}.app {width:800px!important; height:auto!important}

.sp{margin:0}

#video {margin: 0 auto; width:1000px } 

.ad{ background-color:#002060;padding: 450px  0 25px 0 ; margin: -350px 0 0 0}
.ad img{ height:auto; width: 1100px!important} .nunn {border: 2px black solid; width:700px!important; height:auto}
 
h1 strong {font-size:36px}  h1{line-height:2; font-weight:normal; color: #50164a;font-size:32px; margin:0 0 25px 0}    h1 b, h1 strong{color: black}   h1 b  {font-size:48px} h1 span  {font-size:22px; color:#444} 

.swh{margin-top:25%}

.dawn{margin:50px 0 200px 0}.HAM {padding:500px 0 210px 0; margin:-325px 0 -200px 0; background-color:#50164a} 
.alb,.dpic , .booth{	border:2px black solid}
.olde {background-color:#002060;padding:125px 0 250px 0; margin:0px 0 -250px  0}.slow {	background-color:#2c345e;padding:150px 0 450px 0; margin:0 0 -250px  0}

 
.cig {	padding-bottom:500px!important; margin-bottom:-250px!important}

.meabs  img{	width:auto!important; height:800px!important; margin: 0}

.accordion{margin: 0;  cursor: pointer; line-height:2; font-size:36px;  font-weight:bold;   letter-spacing:2px; background:none; border:none} .accordion b:hover {color: seagreen}.accordion b {color:#369;font-size:56px;border-bottom:5px gray dotted}
.active {	display:none}.panel {background-color: white;  max-height: 0;  overflow: hidden;   transition: max-height 2.5s ease-out; margin: 0px}
.accordion span {	color: #50164a}

button strong:after{font-weight:900;content:'\002B';font-size:56px;margin-left:6px;color:gray}

 
.whitewall { padding:25px 0 }

 h2 {color:yellow; font-size:42px;text-shadow:1px 2px 0 #000}
#GREEN {	background-color:#004038; padding:400px 0 0 0; margin:-250px 0 0 0}
.rem {color:darkslategrey; font-size:36px; font-style:normal}  


@media screen and (max-width:699px){
 
.rtry {	margin-top:70px}  h2 {  font-size:28px; line-height:1.75 }

button strong:after{ font-size:36px}.accordion b {font-size:36px}	  .accordion {font-size: 24px} 

.meabs img{  	width:100%!important; height:auto!important}


.cig {	padding-bottom:250px!important; margin-bottom:-25px!important} 

h1 strong,.why b {font-size:28px}h1,.try span,.accordion {font-size: 24px}      h1 b {font-size:32px} h1 span  {font-size:18px} 
.rem  {font-size:28px} 

.green{padding:250px 0 0 0 ;margin:-100px 0 0 0}

.HAM {padding:175px 0 25px 0; margin:-25px 0 0 0} 


.alb,.dpic,.booth {border:none} .DHAM {padding:150px 0 25px 0; margin:-80px 0 0 0}.HAM img {	width:75%!important}



.nunn {	border: none}
.ada { background: linear-gradient( to right,     #002060 0%,   #002060 50.2%,     #FBFBC4 50%,    #FBFBC4 100%  ); padding:100px 0 100px 0}
.adb { background: linear-gradient( to right,     #FBFBC4 0%,   #FBFBC4 50.2%,     #002060 50%,    #002060 100%  ); padding:100px  0 25px 0}

  

 .all {margin:0 0  -15px 0; line-height:1.75; font-size:20px}   


  


#video{width:100%} .width{width:100%} .try span{word-spacing:0px} .try{line-height:40px;max-width:290px;padding:25px 0}


#library{width:100%;background-color:#004038;padding:0 5% 0 5%}.try{font-size:28px}

 


}


@media (min-width:599px) and (max-width:998px){ .rtry {	margin-top:80px} 

.ada { background: linear-gradient( to right,     #002060 0%,   #002060 50.2%,     #FBFBC4 50%,    #FBFBC4 100%  ); padding:450px 0 100px 0; margin-top:-350px}.nunn {	border: 2px solid black} 
.adb { background: linear-gradient( to right,     #FBFBC4 0%,   #FBFBC4 50.2%,     #002060 50%,    #002060 100%  ); padding:100px  0 25px 0}.ada img, .adb img { height: auto; width:500px}
}



@media (min-width:451px) and (max-width:699px){.try{width:70%}}
@media (min-width:700px) and (max-width:998px){#video{width:100%}   }


@media screen and (max-width:349px){ .swh{margin-top:45%} .accordion b{ font-size:40px}  .smr{font-size: 28px!important} #CARD a{font-size: 14px} .sp{max-width:300px!important; font-size:28px!important}  h1 span {font-size: 16px}   .tions {	font-size:22px}}
@media screen and (max-width:450px){.lap{display:none}}@media screen and (min-width:451px){.dev{display:none}}
@media (min-width: 700px) and (max-width:1099px){    .ad img, .four img { height:auto; width: 90%}}
@media (min-width: 999px) and (max-width:1199px){    .ad img  { height:auto; width: 90%!important}}
@media screen and (min-width:1001px){.swipe{display:none}}@media screen and (max-width:1000px){.click{display:none} }
@media screen and (max-width:1040px){img{max-width:100%;height:auto}}
@media screen and (max-width:598px){.ld{display:none}.t{display:none}}
@media (min-width:599px) and (max-width:1281px){.ld{display:none}.m{display:none}}@media (min-width:599px) and (max-width:1598px){.x{display:none}}
@media screen and (min-width:1282px){.m{display:none}.t{display:none}}
@media screen and (min-width:1599px){.x{display:none}.ld,.app{width:1000px!important;height:auto!important}.swh{margin-top:30%} .mie img { max-width: 360px}}
@media screen and (max-width:999px){.ad{display:none} }
@media screen and (min-width:1000px){.else{display:none}}

@media (min-width:350px) and (max-width:380px){.swh{margin-top:60%}}@media (min-width:381px) and (max-width:699px){.swh{margin-top:100%}}@media (min-width:700px) and (max-width:899px){.swh{margin-top:70%}}