.form-wrapper form { font-family: inherit  !important; font-size: inherit  !important; width: auto  !important; } .form-wrapper .mktoForm .mktoOffset { width: 0  !important; } #LblemailPermissionStatus { width: auto  !important; } .mktoButtonWrap { margin-left: 0  !important; } .mktoForm .mktoButtonWrap.mktoShadow .mktoButton:active { box-shadow: none  !important; } .mktoButtonRow { font-size: inherit  !important; } .mktoFormRow:nth-of-type(7) .mktoFieldWrap { display: flex; flex-direction: row-reverse; } .mktoLogicalField.mktoCheckboxList.mktoHasWidth { width: 100%  !important; } .close-button { position: absolute; color: #8a8a8a; cursor: pointer; right: 1rem; top: .5rem; font-size: 2em; line-height: 1; } [data-whatinput='mouse'] .close-button { outline: 0 } .close-button:hover, .close-button:focus { color: #000 } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(0, 0, 0, .45); overflow-y: scroll } .reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fff; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto } [data-whatinput='mouse'] .reveal { outline: 0 } @media print, screen and (min-width: 40em) { .reveal { min-height: 0 } } .reveal>:last-child { margin-bottom: 0 } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 75rem; font-size: 16px; } } @media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; margin-left: 0; border: 0; border-radius: 0 } } .contact-us-modal { padding: 0; margin-bottom: 4%; } .contact-us-modal__title { padding: 0 0 4%; text-align: 'center'; font: 900 1.75rem/2rem "Lato", sans-serif; color: #000; } @media only screen and (min-width: 750px) { .contact-us-modal__title { font: 900 2rem/2.25rem "Lato", sans-serif } } .contact-us-modal__form-container { padding: 4%; }