*{box-sizing:border-box}form>label{white-space:nowrap}form>input[type=number]{text-align:center}@media screen and (width<=768px){form{grid-column-gap:10px;grid-row-gap:5px;grid-template-columns:100%;max-width:100%;display:grid}form>*{grid-column:1}form>input:not([type=checkbox]){height:30px}form>div{justify-self:center;align-items:center;display:flex}form>div>input[type=checkbox]{width:30px;height:30px}}@media screen and (width>=769px){form{grid-column-gap:10px;grid-row-gap:5px;grid-template-columns:min-content max-content;max-width:100%;display:grid}form>div{grid-column:1/span 2}form>label{grid-column:1}form>input{grid-column:2}form>input[type=submit]{grid-column:1/span 2}}