.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; }
.membership { background-repeat: no-repeat; background-position: top center; background-size: cover; clear: both; padding: 0px 0px 6%; width: 100%; }
.membership h2 { border-bottom: 1px solid #FF8900; color: #616161; font-size: 36px; font-weight: 100; margin-bottom: 1.5rem; padding-bottom: 15px; }
.membership p, .membership li { color: #616161; font-size: 16px; }
.benefits { background-color: rgba(0,0,0,0.07); clear: both; padding: 6% 0px; width: 100%; }
.represent { clear: both; padding: 10% 0px 0px; width: 100%; }
.represent h5 { border-bottom: 1px solid #ababab; color: #FF8900; font-size: 21px; margin-bottom: 20px; padding-bottom: 15px; text-transform: none; }
.represent p, .represent li { color: #616161; font-size: 14px; margin: 0px; }
.represent ul { list-style: disc; margin: 0px 0px 25px 15px; padding: 0px; }
.represent ul li { color: #616161; font-size: 14px; }
.represent .container > .row:first-child ul:last-child { margin-bottom: 5%; }
.member {  background-repeat: no-repeat; background-position: top right; background-size: cover; clear: both; 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%; }
.member .btn-join:hover { background: #E37A00; color: #fff; }
.better { background: rgb(255,192,112); background: linear-gradient(90deg, rgba(255,192,112,0.65) 0%, rgba(237,129,3,0.65) 100%); clear: both; padding: 6% 0px calc(6% - 1rem); width: 100%; }
.better h3 { color: #fff; }
.better .btn-join { background: transparent; border: 2px solid #fff; color: #fff; }
.better .btn-join:hover { background: #fff; color: #E37A00; }
.training { clear: both; padding: 7% 0px calc(7% - 1rem); width: 100%; } @media only screen and (max-width: 767px) {
.banner { min-height: inherit; }
.banner h1 { font-size: 28px; }
.membership h2 { font-size: 26px; }
.member .btn-join { font-size: 17px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner { min-height: 225px; }
.banner h1 { font-size: 32px; }
.membership h2 { font-size: 28px; }
.represent h5 { font-size: 18px; }
.member h3 { font-size: 22px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner h1 { margin-top: 28%; }
.represent h5 { font-size: 17px; }
.member h3 { font-size: 30px; }
}