form{width:80%;max-width:40rem;margin:0 auto;padding:2rem;padding-right:calc(2rem + 10em);display:grid;grid-template-columns:10em auto;gap:1rem;font-family:"Raleway",sans-serif}form br{display:none}@media only screen and (max-width: 900px){form{display:block;width:calc(100% - 10px);padding:2rem 0}form br{display:inline}form label,form input,form textarea,form .number-field-with-unit{margin:.5rem}form input,form textarea,form .number-field-with-unit{width:calc(100% - 1rem)}}form label{min-width:0;grid-column:1;justify-self:end;align-self:center}form input,form textarea{grid-column:2;border:2px solid #ccc;border-radius:4px;font:inherit}form input{height:1.5rem;padding:1rem .4rem}form .number-field-with-unit{position:relative;display:inline-block}form .number-field-with-unit input{padding:calc(1rem - 15px) 3.5rem calc(1rem - 15px) .4rem;margin:0;width:100%;height:100%}@media only screen and (max-width: 900px){form .number-field-with-unit input{padding:calc(1.25rem - 15px) 4rem calc(1.25rem - 15px) .9rem}}form .number-field-with-unit .unit{position:absolute;right:.8em;top:50%;transform:translateY(-50%);pointer-events:none;color:#555}form textarea{height:6rem;padding:.4rem;resize:vertical}form input[type=submit]{height:auto;padding:.5rem;border:none;cursor:pointer;color:#fff;background-color:#91a591;text-transform:uppercase}form input[type=submit]:hover{background-color:rgb(173.05,187.95,173.05)}
