@media all and (max-width: 640px)  {
* {padding:0px; margin: 0px auto;}
body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e;
}
body {
	background-color: #ffffff;
	background-image:url(localimages/bg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-size:contain;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


#container { position:relative; overflow:hidden; }
#header {background-color: #ffffff; border-bottom: solid 1px #205176; }
#header .left {text-align: center; color:#000000; padding:10px 0px 20px 10px; }
#header .left img {width:80px; height:auto; margin:10px 20px 0px 0px; padding-top:20px;}
#header h1 {text-transform:uppercase; font-size:30px; font-weight:bold; margin-top:20px; font-family: "Black Han Sans", sans-serif;}
#header .logo {  margin-bottom:15px;}
#header .subtitle {font-size:18px; letter-spacing:2px; color: #0066FF; text-align: center; margin:10px 0px 10px 0px;width:100%; flex:none!important;}
 #top {text-align:right; padding:10px; background-color: #333333;display:flex; flex-wrap:wrap; justify-content:space-between;}
 
#top   a:link{ color:#ffcb00; text-decoration:none;}
#top     a:visited{ color:#ffcb00;text-decoration:none;}
#top    a:hover{ color: #00FF33;text-decoration:underline;}
#top     a:active{ color:#ffcb00;text-decoration:none;}

#header .right {  display:none;}
#header .right img {width:70px; height:auto; margin:40px 20px 0px 0px;}
#header .rightmob {display:none;}
#top .phone { text-align:right; font-size:16px; color:#ffcb00; font-weight:bold;flex:1 2; }
#top .slogan { text-align: left; font-size:16px; color:#ffcb00;  font-weight:bold; flex:1 2; }
#header .nav {width:100%; flex:none!important;text-align: center; font-size:18px; letter-spacing:1px; text-transform:uppercase;  border-top: solid 1px #363636; display:flex; flex-wrap:wrap; justify-content:space-between; /* 
background: #013191; /* Old browsers */ padding:20PX 0PX 20PX 0PX;
background: -moz-linear-gradient(top, #013191 0%, #024ec9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #013191 0%,#024ec9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #013191 0%,#024ec9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013191', endColorstr='#024ec9',GradientType=0 ); /* IE6-9 */}
#header .nav div {flex:1 5; color:#ffffff; text-align:center; font-family:times new roman, serif; border-left:solid 1px #f1f1f1;  border-right:solid 1px #f1f1f1;}
#header .nav div:first-of-type {border-left:none!important;}
#header .nav div:last-of-type {border-right:none!important;}

#header .nav  a:link{ color:#fff; text-decoration:none;}
#header .nav    a:visited{ color:#fff;text-decoration:none;}
#header .nav    a:hover{ color: #FFFF00;text-decoration:underline;}
#header .nav    a:active{ color:#fff;text-decoration:none;}
#slideshow {width:100%; flex:none!important;
  background-image: url("localimages/ai-generated-9065179_1920.jpg");
  height:390px;
  background-repeat: no-repeat;
  background-size: cover;}
  #slideshow h1 {margin-top:200px; text-shadow:#FFFFFF 1px 1px 1px;}
  #slideshow .buton {display:none;}
#frame .lrKTG > div {background-color:#FFFFFF!important;}
#frame .QvWxOd {background-color:#045aff!important;}

#content { position:relative; text-align:center; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; color:#000000; background:#ffffff;}

#content .title { text-align:center; font-size:44px; background-color: #0099FF;  text-transform:uppercase; font-weight:bold; padding:20px; margin:20px 0px 20px 0px; border-bottom:solid 1px #cccccc;border-top:solid 1px #cccccc; letter-spacing:1px; background-image:url(localimages/bg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-size:contain; color: #ffcb00; text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000;
}
#content .subtitle {font-size:33px; letter-spacing:1px; color: #FFFFFF; text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000; margin-top:10px; text-align: center; }
	#content .title .buton {width:300px; font-size:33px; background-color: #003366; color:#ffcb00; text-shadow:#000000 1px 1px 1px; text-align:center; margin-top:20px; border-radius:9px; padding:10px 0px 10px 0px; font-weight:bold; cursor:pointer;}
#content .left { text-align: center ; padding:20px 10px 20px 20px;}
#content .left2 {  font-size:1.4em; text-align: center; line-height:1.5;padding:20px 10px 20px 20px;}
#content .left img {width:100%; height:auto;}
#content .right1  {  text-align: center; font-size:1.4em; line-height:1.5; margin:20px;}
#content .right2 {  text-align: center; font-size:1.4em; line-height:1.5; margin:20px;}
#content .right2 img {width:100%; height:auto;}
#content .center { text-align:center; font-size:1.2em; line-height:1.5;margin: 20px 90px  60px 90px;}
#content .center img {width:100%; height:auto; max-width:600px;}
#content .leftmob {display:none;}

#footer { text-align:center; padding:20px; text-align:center; flex:none!important; width:100%; background-color:#001039; font-size:12px;color:#FFFFFF;}
#footer .nav { font-size:16px; margin-bottom:20px;}
#footer  a:link{ color:#fff; text-decoration:none;}
#footer    a:visited{ color:#fff;text-decoration:none;}
#footer    a:hover{ color: #FFFF00;text-decoration:underline;}
#footer    a:active{ color:#fff;text-decoration:none;}




}

@media all  and (min-width:640px){
* {padding:0px; margin: 0px auto;}
body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e;
}
body {
	background-color: #ffffff;
	background-image:url(localimages/bg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-size:contain;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


#container { position:relative; overflow:hidden; max-width:1850px;}
#header {background-color: #ffffff; border-bottom: solid 1px #205176;display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
#header .left {text-align:left; color:#000000; padding:10px 0px 20px 10px; flex:2 1 65%; }
#header .left img {float:left; margin:0px 20px 0px 0px;}

#header h1 {text-transform:uppercase; font-size:36px; font-weight:bold; margin-top:20px; font-family: "Black Han Sans", sans-serif;}
#header .logo {  margin-bottom:15px;}
#header .subtitle {font-size:22px; letter-spacing:2px; color: #0066FF; text-align:left; margin:10px 0px 10px 0px;width:100%; flex:none!important;}
 #top {text-align:right; padding:10px; background-color: #333333;display:flex; flex-wrap:wrap; justify-content:space-between;}
 #top   a:link{ color:#ffcb00; text-decoration:none;}
#top     a:visited{ color:#ffcb00;text-decoration:none;}
#top    a:hover{ color: #00FF33;text-decoration:underline;}
#top     a:active{ color:#ffcb00;text-decoration:none;}
#header .right {  text-align:right; flex:2 1 30%;}
#header .right img {width:60px; height:auto; margin:30px 20px 0px 0px;}
#header .rightmob {display:none;}
#top .phone { text-align:right; font-size:16px; color:#ffcb00; font-weight:bold;flex:1 2; }
#top .slogan { text-align: left; font-size:16px; color:#ffcb00;  font-weight:bold; flex:1 2; }
#header .nav {width:100%; flex:none!important;text-align: center; font-size:18px; letter-spacing:1px; text-transform:uppercase;  border-top: solid 1px #363636; display:flex; flex-wrap:wrap; justify-content:space-between; /* 
background: #013191; /* Old browsers */ padding:20PX 0PX 20PX 0PX;
background: -moz-linear-gradient(top, #013191 0%, #024ec9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #013191 0%,#024ec9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #013191 0%,#024ec9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013191', endColorstr='#024ec9',GradientType=0 ); /* IE6-9 */}
#header .nav div {flex:1 5; color:#ffffff; text-align:center; font-family:times new roman, serif; border-left:solid 1px #f1f1f1;  border-right:solid 1px #f1f1f1;}
#header .nav div:first-of-type {border-left:none!important;}
#header .nav div:last-of-type {border-right:none!important;}

#header .nav  a:link{ color:#fff; text-decoration:none;}
#header .nav    a:visited{ color:#fff;text-decoration:none;}
#header .nav    a:hover{ color: #FFFF00;text-decoration:underline;}
#header .nav    a:active{ color:#fff;text-decoration:none;}
#slideshow {width:100%; flex:none!important;
  background-image: url("localimages/ai-generated-9065179_1920.jpg");
  height:640px;
  background-repeat: no-repeat;
  background-size: cover;}
  #slideshow h1 {margin-top:200px; text-shadow:#FFFFFF 1px 1px 1px;}
  #slideshow .buton {width:300px; font-size:33px; background-color:#045aff; color:#ffcb00; text-shadow:#000000 1px 1px 1px; text-align:center; margin-top:20px; border-radius:9px; padding:10px 0px 10px 0px; font-weight:bold; cursor:pointer;}
#frame .lrKTG > div {background-color:#FFFFFF!important;}
#frame .QvWxOd {background-color:#045aff!important;}

#content { position:relative; text-align:center; width:100%; overflow:hidden;  display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; color:#000000; background:#ffffff;}
#content .time {flex:none; font-size:12px; text-align:left; width:100%; margin:5px 0px 0px 20px; padding-top:5px;}
#content .title {width:100%; flex:none!important; text-align:center; font-size:44px; background-color: #0099FF; margin-bottom:20px; margin-top:20px; text-transform:uppercase; font-weight:bold; padding:10px 0px 40px 0px; border-bottom:solid 1px #cccccc;border-top:solid 1px #cccccc; letter-spacing:1px; background-image:url(localimages/bg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-size:contain; color: #ffcb00; text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000;
}
#content .subtitle {font-size:33px; letter-spacing:1px; color: #FFFFFF; text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000; margin-top:10px; text-align: center; width:100%; flex:none!important;}
	#content .title .buton {width:300px; font-size:33px; background-color: #003366; color:#ffcb00; text-shadow:#000000 1px 1px 1px; text-align:center; margin-top:20px; border-radius:9px; padding:10px 0px 10px 0px; font-weight:bold; cursor:pointer;}
#content .left {flex:2 1 40%; text-align: center ; padding:20px 10px 20px 20px;}
#content .left2 {flex:2 1 40%;  font-size:1.4em; text-align:left; line-height:1.5;padding:90px 0px 20px 50px;}
#content .right1  {flex:2 1 40%;  text-align:left; font-size:1.4em; line-height:1.5;padding:90px 20px 20px 0px;}
#content .right2 {flex:2 1 40%;  text-align: center; font-size:1.4em; line-height:1.5;padding:20px 20px 20px 20px;}
#content .center { width:100%!important;  text-align:center; font-size:1.2em; line-height:1.5;margin: 20px 90px  60px 90px;}
#content .center img {width:100%; height:auto; max-width:600px;}
#content .leftmob {display:none;}

#footer { text-align:center; padding:20px; text-align:center; flex:none!important; width:100%; background-color:#001039; font-size:12px;color:#FFFFFF;}
#footer .nav { font-size:16px; margin-bottom:20px;}
#footer  a:link{ color:#fff; text-decoration:none;}
#footer    a:visited{ color:#fff;text-decoration:none;}
#footer    a:hover{ color: #FFFF00;text-decoration:underline;}
#footer    a:active{ color:#fff;text-decoration:none;}



}