#preload { display: none; } input[type="radio"] { cursor: pointer; } input[type="radio"] { width: 28px; margin: 0; padding: 0; opacity: 0; } input[type="radio"] + label { display: inline; font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 1.3em; margin-left: -28px; padding-left: 28px; background: url("../auxIMG/unchecked.svg") no-repeat 0 50%; line-height: 35px; background-size: 28px 28px; margin-bottom: 6.25em; } input[type="radio"]:checked + label { background: url("../auxIMG/checked.svg") no-repeat 0 50%; background-size: 28px 28px; } @media only screen and (max-width: 1000px) { .card form { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 0.75em 0.5em; } .card form br { display: none; } input[type="radio"] { height: 28px; opacity: 1; accent-color: #003366; } input[type="radio"] + label, input[type="radio"]:checked + label { margin: 0; padding: 0; background: none; font-size: 1rem; line-height: 1.6; } }