
@media screen and (max-width: 999px) and (min-width: 600px) {


* {font-family:urbane, sans-serif;font-size:12px; font-weight:300; font-style:normal; padding:0; margin:0;}
body {background:#FFFFFF; color: #1A1239;}

	
.headerContainer {float: left; width: 100%; height: 300px;}
.headerWave {float: left; width: 100%; height: 195px; background: #1c74bb;}

.topheaderCont {float: left; width: 100%; height: 100px;}
.topheaderLogo {float: left; width: 35%; padding-left: 20px;}
.topheaderImg {width: 150px; height: 120px; margin-left: 50px; margin-top: 20px; object-fit: contain;}
.topheaderIcon {float: right; font-size: 16px; color: white; margin-top: 73px; margin-left: 10px;}	
.topheaderInfoCont {float: left; width: 60%; height: 125px;}
.topheaderInfo {float: right; width: auto; margin-left: 10px; margin-right: 10px; margin-top: 70px; font-size: 14px; color: #FFFFFF;}
.topheaderH1 {float: left; width: 100%; text-align: center; font-size: 26px; font-weight: 600; color: white; margin-top: -5px;}
.topheaderPara {float: left; width: 100%; text-align: center; margin-top: 5px; font-size: 14px; font-weight: 300; color: white;}

.contentContainer {float: left; width: 100%; height: 1500px; margin-top: 20px;}
.contentHeader {float: left; width: 100%; text-align: center; font-size: 24px; font-weight: 600; color: #1c74bb; margin-bottom: 10px;}
.contentPara {width: 99%; text-align: justify; font-size: 15px; font-weight: 300; color: #1c74bb; margin-left:2%;}
.contentPara1 {float: left; width: 99%; text-align: center; font-size: 15px; font-weight: 300; color: #1c74bb; margin-left:2%;}
.contentPara2 {float: left; ;width: 93%; font-size: 15px; font-weight: 300; color: #1c74bb; text-align: justify; margin-bottom: 100px; margin-left:1%;}

.siteContainers {float: left; width: 100%; height: 300px;}
.siteMid {width: 580px; height: 1500px;}
.siteColumns {float: left; width: 45%; height: 400px; margin-right: 50px; margin-top: 30px;}
.siteLogos {float: right; width: 250px; height: 50px; margin-top: 50px; margin-bottom: 10px; object-fit: contain;}
.siteLinks {display: block; width: 100px; height: 20px; padding: 10px; font-size: 16px; color: white; background: #1c74bb; border: 1px solid #1c74bb; margin-top: 30px; border-radius: 5px; text-decoration: none;}
.siteLinks:hover {color: #1c74bb; background: white; text-decoration: none;}



.column1 {float: left; width: 20%; height: 420px; padding: 5px; margin-left: 5%;}
.column2 {float: left; width: 38%; height: 420px; padding: 5px 20px;}
.column3 {float: left; width: 20%; height: 420px; padding: 5px;}


.c1r1 {float: left; width: 100%; height: 200px; background: #1992a2; border-radius: 5px;}
.cimg {float: left; width: 100%; height: 200px; object-fit: cover;}
.c1r2 {float: left; width: 100%; height: 200px; background: #1c37bb; margin-top: 20px; border-radius: 5px;}

.c2img {float: left; width: 100%; height: 420px; object-fit: cover; object-position: center top; }


.c3r1 {float: left; width: 100%; height: 200px;background: #404040; border-radius: 5px;}
.c3r2 {float: left; width: 100%; height: 200px;background: #cc3a3a; margin-top: 20px; border-radius: 5px;}

.c12Header {position: absolute; font-size: 14px; text-align: left; width: 100px; color: white; margin-top: 20px; margin-left: 10px; font-weight: 600;}
.c3Header {position: absolute; font-size: 14px; text-align: left; width: 210px; color: #1c74bb; margin-top: 20px; margin-left: 10px; font-weight: 600;}

.footerContainer {float: left; width: 100%; height: 20px; background: #1c74bb; padding-top: 10px; padding-bottom: 10px;}
.footerCenter {width: 580px; height: 20px;}
.footerTxt {font-size: 14px; color: white;}

}