#q1 input[type=radio] {
    transform: scale(2);
}

#q1 br {
    display: none;
}

@media screen and (max-width: 768px) {
    #q1 input[type=radio] {
        transform: scale(1.5);
    }

}

.npsradiobox {
    display:inline-block;
    border:1px solid black;
    padding: 8px 10px 7px 12px;
    width: 62px;
    border-radius: 5px 20px 20px 5px;
    margin-right: 8px;
}

.npsradioboxnumber {
    display:inline-block;
    float: right;
    color: white;
    font-weight: bold;
}

.npsradiobox:nth-child(1), .npsradiobox:nth-child(2), .npsradiobox:nth-child(3), .npsradiobox:nth-child(4), .npsradiobox:nth-child(5), .npsradiobox:nth-child(6) {
    background-color: #D21818;
}

.npsradiobox:nth-child(7), .npsradiobox:nth-child(8) {
    background-color: #F7AC08;
}

.npsradiobox:nth-child(9), .npsradiobox:nth-child(10) {
    background-color: #038F46;
}