body{margin: 0; padding:0}
body{padding:20px;font-family:"arial";background-color:#fff}
header .name{padding:2px 0 3px 0px;}
header .logo{-webkit-box-flex:0 1 250px;-moz-box-flex:0 1 250px;-webkit-flex:0 1 250px;-ms-flex:0 1 250px;flex:0 1 250px;order:1;display:block;width:20%;margin-left:auto;margin-right:auto;adding:0 10px}
header .logo a{display:block;margin:0 auto}
header h1{margin-left:auto;margin-right:auto;width:12%;padding:.2em;font-size:1.4rem;white-space:nowrap}

.Htext{text-align:center;margin:5px;font-size:20px;font-weight:bold;line-height: .8;white-space:nowrap}
.Btext{display:block;width:100%;text-align:center;position:absolute;padding-top: 6%;font-size:2.5vw;font-weight:bold;line-height: 1.1;white-space:nowrap;z-index:800;}

.newFeature{margin:.5em auto 2em;font-size:18px;line-height: 1.8;border:none;color:#333230;background-color:#fff;max-width:60%}
.feature{display:block;font-size:14px;margin-right:auto;margin-left:auto;font-weight:bold;height:250px;width:790px;line-height:22px;border:double 6px #677BA5;text-align:center}
#featurePic{float:left;border:none;padding:4px;height:225px;box-shadow: 5px 6px  5px rgba(0,0,0,0.42), 7px 8px 7px rgba(0,0,0,0.24);}#featurePic2{float:left;border:none;height:720px}

.smallAbout{display:none;}.largeAbout{display:block;}
h1,h2,h3,h4,h5,h6,p{margin:0 0 .5em;font-size:1.1em}a{color:var(--primary-bgcolor)}
.ifr2{display:none; }
.chiBro{margin:0 0 .5em;font-size:2.1vw;color:#677BA5;font-weight:bold;}
.chiBro2{margin:0 0 .5em;font-size:24px;color:#677BA5;font-weight:bold;}
.magBoxA,.magBoxAB{width:150px;border:none}
.magBoxA{float:left;margin:10px 20px 10px 0}
.magBoxAB{float:right;margin:10px 00px 10px 20px}#col1,#col2,.capPix{float:left}
.magBoxA,.magBoxAB{width:150px;border:none}
/*Pancake*/
header .smallIcons{position:absolute;top:.9rem;right:.9rem;white-space:nowrap;color:#000;z-index:999}
header .smallIcons>div>*{display:block;margin:2px 0;padding:0 5px}
header .smallIcons>div>*>*{display:block;float:right;margin:0;padding:0;text-align:center}
header .smallIcons a{color:#eee}
header .smallIcons>div i{font-size:10px}

header .smallIcons>div .text{display:none;margin-top:5px;font-size:12px}

header img,header>div:nth-child(3)>p{display:block;margin:0;padding:0}
header .logotag{margin:0 auto;padding:0;color:#2c3077;font-weight:700;font-size:.65em;font-style:italic}
header>div:nth-child(3)>p a.phone{display:block;margin:0;padding:0;font-size:2em;line-height:1.2em;font-weight:700;text-decoration:none}

/*Pancake and button size and color*/
.dropbtn, .i {position:absolute;top: 40px; right: 40px;background-img:transparent;color:#000;z-index: 3; padding:0;font-size: 20px;font-weight:bold; border: none}
 /* The container <div> - needed to position the dropdown content */
 .dropdown {float:right;margin: 0;display:inline-block;z-index: 1040;}
 /* Dropdown Content (Hidden by Default) */
 .dropdown-content {display: none;position: absolute;top:35px;right:40px;border: solid 2px rgba(112, 112, 144, 0.5);border-radius:9px;
  background-color:#b8b8b8; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1040;}
 /* Links inside the dropdown */
  .dropdown-content a {font-size:2.0rem;color:#fff;padding: 8px 14px;border-bottom:1px dashed #fff;text-decoration: none;display: block;z-index: 1040;}
  .dropdown-content a:hover {color:#000;background-color:#fff;z-index: 1040;}
 /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;text-decoration: none;z-index: 1040;}
 /* Change the background color of the dropdown button when the dropdown content is shown */.dropdown:hover .dropbtn {background-color:#eee;}



.text{background-color:#fff;color:#000;}

body>footer{margin:0 auto;padding:0;text-align:center}

body>footer .text{margin:0 auto;padding:25px}
body>footer p{margin:0 0 1em;padding:0;color:#000}body>footer p span{display:block;margin:0 0 .4em;padding:0}body>footer p a{color:#fff}body>


footer .badges{margin:0 auto;padding:25px;justify-content: center;}
body>footer .badges img{display:inline-block;margin:1em auto;padding:0;vertical-align:middle}
.jeff2{margin:0 200px .3em 0; border: 2px solid #fff; padding: 10px; border-radius: 25px;width:15%;height:auto}
.jeff3 {width:90%;max-width:350px;ddisplay:inline}
 .speclink:link    {color:#003366; margin:0px;}
 .speclink:visited {color:#003366;margin:0px;} 
 .speclink:hover   {color:orange;}
.ifr{display:block;margin-left:auto;margin-right:auto }

.tableClass{ border:2px solid #125899;border-radius:18px;text-align:left;padding:15px;width:90%;}
.styled{ background:#f7f7f7;font-size:110%;
           border:2px solid#125899;
           padding:5px;
           border-radius:8px }
.pright{text-align:right;}
 ul.z li {display:inline;font-size:100%;margin:0px 5px 0 -10px;text-decoration: none;list-style:none;}
@media only screen and (max-width:580px){
.dropbtn, .i {position:absolute;top: 5px; right: 30px;background-color:transparent;color:#000;padding:0;font-size: 22px;font-weight:bold; border: none}
header h1{margin-left:auto;margin-right:auto;width:25%;padding:.2em;font-size:.8rem;white-space:nowrap;}
header .logo{-webkit-box-flex:0 1 250px;-moz-box-flex:0 1 250px;-webkit-flex:0 1 250px;-ms-flex:0 1 250px;flex:0 1 250px;order:1;display:block;width:50%;margin-left:auto;margin-right:auto;padding:0 10px}
.ifr{display:none; }
.ifr2{display:block;margin-left:auto;margin-right:auto }
.chiBro{margin:0 0 .5em;font-size:22px;color:#677BA5;font-weight:bold;}
.magBoxA,.magBoxAB{width:100px;border:none}
.newFeature{font-size:14px;line-height: 1.4;max-width:94%}
.feature{display:block;font-size:14px;margin-right:auto;margin-left:auto;font-weight:bold;max-width:80%;line-height:22px;border:double 6px #677BA5;text-align:center}
#featurePic{float:left;border:none;height:110px;margin-bottom:3px;}
.jeff2{margin:0 100px .1em 0; border: 2px solid #fff; padding: 4px; border-radius: 25px;width:65%;height:auto}
.largeAbout{display:none;}.smallAbout{display:block;}
}