.banner { background-repeat: no-repeat; background-position: top center; background-size: cover; clear: both; min-height: 335px; padding: 25px 0px; width: 100%; }
.banner h1 { color: #fff; font-size: 48px; margin-top: 18%; text-transform: uppercase; }
.about { background-repeat: no-repeat;background-position: top center; background-size: cover; clear: both; padding: 6% 0px; width: 100%; }
.about h2 { border-bottom: 1px solid #FF8900; color: #616161; font-size: 36px; font-weight: 100; margin-bottom: 1.5rem; padding-bottom: 15px; text-transform: inherit; }
.about p, .about li { color: #616161; font-size: 16px; }
.hilite { clear: both; width: 100%; }
.hilite img {height: 38px;width: auto;}
.hilite h5 { color: #fff; font-size: 22px; font-weight: 300; margin-top: .5rem; }
.row-links-highlight > div {background-repeat: no-repeat;background-position: top right;background-size: contain;background-blend-mode: multiply;position: relative;}
.row-links-highlight > div:nth-child(6n+1) {background-color: #FF8900; padding: 45px 15px 25px 7%;}
.row-links-highlight > div:nth-child(6n+2) {background-color: #FFA200; padding: 45px 15px 25px 55px;}
.row-links-highlight > div:nth-child(6n+3) {background-color: #E0E0E0; padding: 45px 15px 25px 7%;}
.row-links-highlight > div:nth-child(6n+4) {background-color: #EEEEEE; padding: 45px 15px 25px 55px;}
.row-links-highlight > div:nth-child(6n+5) {background-color: #9E9E9E; padding: 45px 15px 25px 7%;}
.row-links-highlight > div:nth-child(6n+6) {background-color: #BDBDBD; padding: 45px 15px 25px 55px;}
.row-links-highlight > div:nth-child(6n+3) h5, .row-links-highlight > div:nth-child(6n+4) h5 { color: #FF8900; }
.row-links-highlight .link-url {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.member { background-repeat: no-repeat; background-position: top right; background-size: cover; clear: both; padding: 5% 0px 3%; text-align: center; width: 100%; }
.member h3 { color: #757575; margin: 1.5rem 0px 1rem; }
.member .btn-join { background: transparent; border: 2px solid #E37A00; border-radius: 0px; color: #FF8900; font-size: 23px; font-weight: 500; text-transform: uppercase; max-width: 187px; width: 100%; margin:auto; }
.member .btn-join:hover { background: #E37A00; color: #fff; } @media only screen and (max-width: 767px) {
.banner { min-height: inherit; }
.banner h1 { font-size: 28px; }
.about h2 { font-size: 26px; }
.row-links-highlight > div:nth-child(n) { background-size: cover; padding: 45px 15px 15px 15px; }
.hilite .col { flex-basis: 0; }
.hilite h5 { font-size: 14px; }	
.member .btn-join { font-size: 17px; }
.hilite .imgbox { float:right; width:50px; text-align:center; }
.hilite img { height: auto; width: auto; max-width:35px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner { min-height: 225px; }
.banner h1 { font-size: 32px; }
.about h2 { font-size: 28px; }
.row-links-highlight > div:nth-child(n) { padding: 30px 15px 10px 15px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner h1 { margin-top: 28%; }
}