.contact-form{max-width:600px;margin:1rem auto 1rem 0;padding:1rem;font-family:sans-serif}.contact-form div{display:flex;flex-direction:column;margin-bottom:.5rem}.contact-form div label{font-weight:700;margin-bottom:.5rem;width:100%}.contact-form div input,.contact-form div textarea{padding:.5rem;background-color:#fff;border:1px solid #ccc;color:#444;border-radius:4px;font:inherit;resize:vertical;height:2.5rem;font-size:1rem;width:100%}input::-webkit-date-and-time-value{text-align:left}.contact-form div textarea{height:6rem}.contact-form div input[type=checkbox]{width:auto;height:auto;margin-right:.5rem}.contact-form div:has(input[type=checkbox]){margin-top:2rem}.contact-form div select{padding:.5rem;background-color:#fff;border:1px solid #ccc;color:#444;border-radius:4px;font:inherit;resize:vertical;width:100%;height:2.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}.contact-form button{padding:.25rem .5rem;margin-top:.5rem;background-color:#333;color:#fff;border:none;border-radius:4px;font:inherit;cursor:pointer}.contact-form button:hover{background-color:#555}@media screen and (min-width:600px){.contact-form div{flex-direction:row;align-items:center}.contact-form div label{width:40%;flex-wrap:nowrap;margin-right:1rem;text-align:right}.contact-form div input,.contact-form div textarea{flex:1;width:60%}.contact-form div textarea{height:10rem}.contact-form div select{flex:1;width:60%}}.contact-form div label.w100{width:100%;text-align:left;display:block}.contact-form div label.w100 input{width:auto;margin:0 .5rem 0 0}