.HTCon {float: left; width: 65%; text-align: justify}
#regWhite .HeroImg {width: 30%; float: right;}
#regWhite .HeroImg Img {width: 100%}

.CapCon {width: 22%; height: 100px; float: left; margin: 2% 4% 0 0;}
.CapCon:nth-child(4n) {margin-right: 0;}
.CapCon img {width: 31%; float: left;}
.CapTxt {width: 58%; float: left;   padding: 0 0 0 4%; margin: 0;}
#regGrey .CapCon:hover img {width:33%}
#regGrey .CapCon:hover a {font-family:'Ubuntu'}

.NSCon {width: 20%; float: left; margin: 2% 5% 2% 15%; text-align: center; height: 110px}
.NSCon:nth-child(3n) {margin-left: 0; margin-right: 0}
.NSCon:nth-child(2n) {margin-left: 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'}

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

@media (max-width: 980px) {
.CapCon {width: 30%; margin-right: 5%}
.CapCon:nth-child(4n) {margin-right: 5%}
.CapCon:nth-child(3n) {margin-right: 0}
.NSCon {width: 26%; margin-left: 6%}
}

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

@media (max-width: 680px) {
.Delete {display: none;}
.CapCon {width: 48%; margin-right: 4%}
.CapCon:nth-child(3n) {margin-right: 4%}
.CapCon:nth-child(2n) {margin-right: 0}
.NSCon {width: 30%; margin-left: 0; margin-right: 5%}
.NSCon:nth-child(3n) {margin-right: 0}
}

@media (max-width: 555px) {
.HTCon {margin: 5% 0 3%}
.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) {
.CapCon {width: 100%; margin: 5% 0;}
.CapCon:nth-child(4n) {margin-right: 0; margin-left: 0}
.CapCon:nth-child(3n) {margin-right: 0; margin-left: 0}
.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%}
}