.form {display: grid; grid-template-columns: repeat(10,1fr); gap: 0 2rem;}
.form > div {display: flex; flex-direction: column; position: relative;}
.form > div label {line-height: 1.8; min-width: 0;}
.form > div:not(.radio, .checkbox) + div.title h3 {margin-top: 2rem;}
.form > div.title h3 {margin: 1.5rem 0 0; font-size: 1.25rem; font-weight: 700; line-height: 1.1;}
.form > div.radio, .form > div.checkbox {display: flex; flex-direction: row; gap: 2.3rem; padding-bottom: 0.4rem;}
.form > div.radio input, .form > div.checkbox input {margin-right: 0.6rem; height: 1.4rem; width: 1.4rem; vertical-align: top; position: relative; bottom: 0.15rem; opacity: 1;}
.form > div input:not([type="radio"],[type="checkbox"]), textarea {min-width: 100%; max-width: 100%; width: 100%;}
.form > div.submit {flex-direction: row; justify-content: flex-start; padding-top: 1.5rem;}
.form > div.submit input {width: auto; min-width: 0; padding-left: 2rem; padding-right: 2rem;}
.form > div:not(.title) + div.checkbox {margin-top: 0;}
.form > div.checkbox + div.checkbox {margin-top: -1rem;}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    form > div {grid-column-end: span 10!important;}
}