body {
    background-color: #F4F2F2;
    color: #7E2020;
}
.container { margin: 150px auto; font-size: 20px; }
.form-group { margin-bottom: 50px; }
label { font-size: 1.5rem; }
i {
    margin-right: 60px;
}
.logo {
    height: 75px;
}
.btn-primary {
    color: #fff;
    background-color: #7E2020 ;
    border-color: #5E1717;
}
.btn-primary:hover {
    background-color: #B72F2F ;
}

@media screen and (min-width: 721px) {
    h2 {
        font-size: 2.5rem;
    }
    .rating-input {
        font-size: 48px;
    }
    .qrl {
        margin-left: 10px;
        font-size: 1.2rem;
    }
    input[type=radio] {
        transform: scale(1.4);
        margin-top: 8px;
    }
}

@media screen and (max-width: 720px) {
    h2 {
        font-size: 1.25rem;
    }
    .rating-input {
        font-size: 40px;
    }
    .rating-input > i {
        margin-right: 24px;
    }
    label { font-size: 1.15rem; }
    .qrl {
        margin-left: 10px;
        font-size: 1.0rem;
    }
    input[type=radio] {
        transform: scale(1.2);
        margin-top: 8px;
    }
}