@media screen{form[name=contact]{& .main,& .thanks,& .error{background-color:#f3f5f8;outline:0}& .inner{max-width:960px;margin:48px auto}& p{text-align:center}& .main{& .field{justify-content:center;align-items:center;display:flex}& label{text-align:right;width:8em;font-weight:700}& .req{color:#a51d3c;text-align:center;width:5em;font-size:.75rem}& .input{flex:auto}& input,& textarea{box-sizing:border-box;-webkit-appearance:none;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-family:inherit;font-size:1rem;transition:all .3s}& input:focus,& textarea:focus{box-shadow:none;border-color:#a51d3c}& textarea{resize:vertical;height:10em}}& .submit{& button[type=submit]{color:#fff;min-width:240px;font-family:inherit;font-size:inherit;letter-spacing:1ex;cursor:pointer;background-color:#353c48;border:0;border-radius:8px;outline:0;padding:16px 32px;transition:all .3s}& button::-moz-focus-inner{border:0}& button[type=submit]:hover,& button[type=submit]:focus,& button[type=submit]:active{background-color:#a51d3c}& button[type=submit]:disabled{pointer-events:none;background-color:#ccc}}}}@media screen and (width<=767px){form[name=contact]{& .inner{margin:32px auto}& .main{& .field{flex-wrap:wrap}& label,& .req{box-sizing:border-box;width:50%;padding:0 8px}& label{text-align:left}& .req{text-align:right}}}}