/* registration.css */

.input-label { color: #8f8f8f; margin-bottom: 10px; } form>div>.container, #person>div.container { justify-content: flex-start; } .form-section>input[type="text"], .form-section>input[type="email"], .form-section>input[type="tel"], .form-section>select { width: 38vw; } form#registration-form>div { border-bottom: 1px solid var(--bg-light); } div#newsletter{ border-bottom: none; margin-bottom: 30px; } textarea { border-radius: 10px; } .form-section { margin-bottom: 23px; padding: 0; } .radio.container{ align-items: center; } .radio > p { margin: 3px 10px 0px 0px; } select { -webkit-appearance: none; -moz-appearance: none; background: #ffffff; background-image: url("../images/select-arrow.svg"); background-repeat: no-repeat; background-position-x: 95%; background-position-y: 45%; font-family: Montserrat; color: #bbbbbb; font-size: 16px; font-weight: 500; line-height: 19px; } select>option { color: #000000; } a.contact-checkbox { color: var(--bg-light); text-decoration: none; } a.contact-checkbox:hover { text-decoration: underline; } input[type="submit"] { margin-top: 30px; width: 200px; font-size: 18px; padding: 14px 66px; } @media (max-width: 800px) { .form-section>input[type="text"], .form-section>input[type="email"], .form-section>select { width: 75%; } .container>.form-section>input[type="text"], .container>.form-section>select { width: 43vw; } .container.selector{ flex-wrap: wrap; } select#month{ margin-right: 0px; } [type="checkbox"]+label { font-size: 14px; } } @media (max-width: 540px) { .form-section>input[type="text"], .form-section>input[type="email"], .form-section>select, .container>.form-section>input[type="text"], .container>.form-section>select{ width: 90vw; margin-bottom: 15px; } .container>.form-section{ flex-wrap: wrap; } [type="checkbox"]+label { font-size: 14px; } input[type="submit"] { width: 100%; } }