.mainBody { display: none; }
#SiteGrid { max-width: 100%; }

#headline h1 { color: inherit; }
form#club-form { max-width: 340px; }
#body { margin: 25px 0px; font-size: 130%; }
.mrw-dynamic-form .checkboxWrapper { margin-right: 0; text-align: right; margin-top: 0; margin-bottom: 20px; }
.mrw-dynamic-form .phoneWrapper input.form-control { margin-bottom: 12px; }

.buttonHover:hover, .buttonHover:focus { color: #252525; border-color: #ffffff; background: #fff; }
#club-form input[type="text"] { height: 40px; margin-bottom: 25px; border: solid 1px #c9c9c9; background-color: #ffffff; }
input[type="checkbox"]:checked ~ label:after { right: -8px; top: 11px; }
span#approve-error { top: -20px; right: 15px; left: auto; }
button.controlVideo { position: absolute; bottom: 14px; right: 45px; -webkit-appearance: none; border: 0; background: 0; width: 25px; height: 27px; z-index: 11; }
    button.controlVideo:after { font-family: 'FontAwesome'; color: #fff; z-index: 3; display: block; position: absolute; bottom: 0; font-size: 90%; left: 5px; top: 2px; }
    button.controlVideo.play:after { content: "\f04b"; }
    button.controlVideo.pause:after { content: "\f04c"; }

.form-control[type="checkbox"] { vertical-align: top; }
.mrw-dynamic-form .checkboxWrapper label.mrw-form-label.activeField.activeField { width: calc(100% - 20px); text-align: right; vertical-align: top; position: relative; top: -5px; }

@media (min-width: 992px) {
    .contentAbs { width: 100%; max-width: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    .clubWrapper .halfSec { height: calc(100vh - 89px); position: relative; }
    .videoHolder { position: absolute; top: 50%; transform: translateY(-50%); }
        .videoHolder iframe { width: 50vw; height: 54vw; }
    #SiteGrid { margin-top: 88px; }
}

@media (max-width: 991px) {
    #headline { display: none; }
    #body p { font-size: 115%; }
    form#club-form { max-width: 600px; margin: 0 auto 80px; }
    .halfSec { text-align: center; padding: 0; }
    .mrw-dynamic-form .checkboxWrapper { text-align: center; margin: 20px 0px 45px; }
    .mrw-dynamic-form .mrw-form-label { text-align: right; }
    .videoHolder iframe { width: 100vw; height: 78vw; }
    button.controlVideo { right: 20px; bottom: 20px; }
}

@media (max-width: 767px) {
    .mrw-dynamic-form .checkboxWrapper { margin: 0 0 20px;text-align:right; }
    .halfSec:last-child { padding: 0 20px; }
    #body p { font-size: 5vw; }
    #body { margin: 30px 0px; }
    

}