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