.registration-header { background-color: #d91e11; margin-top: 20px; padding: 5px 10px; }
.registration-header > h1 { color: white; font-size: 125%; font-weight: normal; margin: 5px 10px; }
.registration-header > h1 > span { font-weight: bold; }
.registration-subtitle { color: #d91e11; font-size: 125%; }
.registration-form { column-count: 3; display: table; margin-bottom: 50px; margin-left: auto; margin-right: auto; margin-top: 40px; position: relative; width: 56%; }
.registration-form > header { background-color: lightgray; padding: 10px 10px; }
.registration-form > header > h2 { color: #555555; font-size: 120%; margin: 0; }
.registration-form > p { margin-top: 10px; }
.registration-form .rf-group { display: table-row; margin-right: 10px; margin-top: 8px; }
.registration-form .rf-group > div { display: table-cell; column-span: all; }
.registration-form .rf-group > div > input { width: 99.0%; }
.registration-form .rf-group-of-two { display: table-row; margin-top: 8px; }
.registration-form .rf-group-of-two > div { display: table-cell; margin-right: 20px; }
.registration-form .rf-group-of-two > div > div { display: inline-block; width: 49%; }
.registration-form .rf-group-of-two > div > div > input { width: 100%; }
.registration-form .rf-group-of-three { display: table-row; margin-top: 8px; }
.registration-form .rf-group-of-three > div { display: table-cell; }
.registration-form .rf-group-of-three > div > div { display: inline-block; width: 32.4%; }
.registration-form .rf-group-of-three > div > div > input { width: 100%; }
.registration-form label { font-weight: normal; }
.registration-form span > span { color: #d91e11; }
.registration-form .action-buttons-wrapper { text-align: right; }
.registration-form input[type=submit] { background-color: #d91e11; border: 1px solid red; color: white; font-weight: bold; padding: 8px 0; position: relative; width: 100px; }
.registration-form input[type=checkbox] { display: inline-block; }
.h-registration-successful h1 { color: #fff; background: #d91e11; padding: 10px; }
.h-registration-successful img { width: 90%; }
.h-registration-successful .h-div-button { text-align: right; }
.h-registration-successful .button { color: #fff; background: #d91e11; padding: 10px 15px; text-decoration: none; margin-right: 200px; font-weight: 700; font-size: 18px; }

@media (max-width: 767px)
{
    .registration-header { margin-left: -15px; margin-right: -15px; margin-top: 0; padding: 5px 10px; }
    .registration-form { margin-bottom: 50px; margin-left: auto; margin-right: auto; margin-top: 10px; position: relative; width: 100%; }
    .registration-form > header { background-color: lightgray; padding: 14px 8px; }
    .registration-form > header > h2 { color: #555555; font-size: 100%; }
}