#contactform{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;min-width:195px;& #contactform-response{position:fixed;bottom:0;right:0;border:0;pointer-events:none}& label{width:90%;min-width:195px}& input,select,textarea{background:none;border:0;border-bottom:1px dotted #686763;border-radius:0;font-size:1rem;padding:1rem 0;width:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;&::placeholder{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#231f20}}& option{background:#ffffea;color:#231f20}& input:focus,select:focus,textarea:focus{outline:4px solid transparent;border:0;border-bottom:2px solid #231f20;&::placeholder{color:#231f20}}& textarea{resize:none}& .optional-fields{display:none;width:90%;&.active{display:block}}& #submit{border:0;background:#686763;color:#fff;border-radius:2rem;&:hover{background:#231f20}}& a{color:#686763;display:flex;flex-direction:row;place-items:center;margin-top:1rem;margin-bottom:1rem;&>svg{height:1.5rem;width:1.5rem}&>p{margin:0}}& a:hover{color:#231f20}}#contactinfo{display:flex;flex-direction:column;& div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}& iframe{height:100%;min-height:15rem;width:100%;margin-top:1rem;border:0}& a{color:#686763;&:hover{color:#231f20}}& p{color:#686763;cursor:pointer;font-weight:500;&:hover{color:#231f20}}}#contact-content{text-align:start;padding-bottom:2rem}@media (min-width:58rem){#contactform{align-items:flex-start}#contact-content{display:flex;flex-direction:row}#contactform-container{width:60%}#contactinfo{width:40%}}h1,h2{margin-bottom:.5rem}p{margin:0 0 1rem}