.HTCon {float: left; width: 55%; text-align: justify}
.HeroImg {float: right; width:40%; margin-top: -15%; margin-bottom: -20%}
.HeroImg img {width: 100%; margin-top: 52px}
#regWhite .Inner {overflow: hidden}


#regGrey #CallToAction {margin-top: 2%; margin-bottom: 1%;}
#regGrey #CallToAction a {color: #FFF; font-size: 1.5em;}

.NSCon {width: 16%; float: left; margin: 2% 5% 2% 0; text-align: center; height: 110px}
.NSCon:nth-child(5n) {margin-right: 0}
#regBlue .NSCon img {width: 60%;}
.NSTxt {width: 100%; text-align: center; margin: 0}
#regBlue .NSCon:hover img {width:62%}
#regBlue .NSCon:hover a {font-family:'Ubuntu'}

.FAQCon {width:48%; margin: 2% 2% 0 0; float: left;}
.FAQCon:nth-child(2n) {margin-right: 0}
.FAQTxtWrap {padding: 2%; margin: 2%; float: left; width: 90%; background-color: white;}
#regGrey .customh3 {text-align: left; font-size: 1.2em;}
#regGrey .faqp {margin: 0.2em 0 0 1em; float: left; width: 80%; font-size: 0.9em; font-family: 'Ubuntu'}
.open {display: block !important;}
.open-1 {display: none; }
.openFAQ {margin: 1em 0 0 3.2em; clear: both; width: 80%; float: left;}


@media (max-width: 1100px) {
}

@media (max-width: 980px) {
.HeroImg {margin-top: -15%;}
.FAQTxt {height: 165px; }
}

@media (max-width: 880px) {
.HTCon {width: 100%;}
.HeroImg {display: none}
.FAQCon  {width:100%; margin: 0}

}

@media (max-width: 680px) {
.NSCon {width: 30%; margin-right: 5%}
.NSCon:nth-child(3n) {margin-right: 0}

}

@media (max-width: 555px) {
.HTCon {margin: 5% 0 3%}
#regGrey #CallToAction {margin-top: -3%; margin-bottom: 5%;}
.NSCon {width: 48%; margin-right: 4%}
.NSCon:nth-child(3n) {margin-right: 4%}
.NSCon:nth-child(2n) {margin-right: 0; margin-left: 0}
}

@media (max-width: 400px) {
.NSCon {width: 100%; margin: 5% 0;}
.NSCon:nth-child(3n) {margin-right: 0; margin-left: 0}
#regBlue .NSCon img {width: 35%;}
#regBlue .NSCon:hover img {width:37%}
}