.form {display: grid; grid-template-columns: repeat(10,1fr); gap: 1rem 2rem; position: relative;}
.form > div {display: flex; flex-direction: column; position: relative; min-width: 100%; max-width: 100%;}
.form > div label {line-height: 1.3; min-width: 0; margin-bottom: 0.4rem;}
.form > div:not(.radio, .checkbox) + div.title h3 {margin-top: 2rem;}
.form > div.title h3 {margin: 1.5rem 0 0; font-size: 1.2rem; line-height: 1.1;}
.form input:not([type="radio"],[type="checkbox"],[type="submit"]), .form textarea, .form select {
    background: white;
    font-family: 'Poppins'; 
    font-size: 1rem; 
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    border: 0;
}
.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: 0.5rem;}
.form > div.submit input {width: auto; min-width: 0; padding-left: 1.35rem; padding-right: 1.35rem;}
.form > div:not(.title) + div.checkbox {margin-top: 0;}
.form > div.checkbox + div.checkbox {margin-top: -1rem;}
.form > div.textarea textarea {width: 100%; min-width: 100%; max-width: 100%;}

/* 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;}
}