body * {
    font-size: 19px;
}
.step-quest > * label:active {
    background: rgb(208, 208, 208);
}

.instructions td {
    border: none;
    width: 100%;
    font-size: 20px;
    background: none !important;
}

.item .photo img {
    max-width: none !important;
}

.content_img p {
    color: rgb(101, 101, 101);
    font-weight: 500;
    margin-bottom: 30px;
}

.spisok {
    margin: 0px 30px;
}

    .spisok li {
        font-size: 15px;
        list-style: inside;
        margin: 13px;
    }

#quiz {
    min-height: 50vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px;
    background: rgb(249, 249, 249);
}

#quiz_form {
    width: 100%;
}

#step0, #step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8, #step9, #step10, #other_steps, #last_step {
    display: none;
}

    #step1 h2, #step2 h2, #step3 h2, #last_step h2 {
        text-align: center;
        margin-bottom: 50px !important;
    }

#other_steps {
    text-align: center;
}

.step-quest {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: center;
}

    .step-quest > * {
        width: 50%;
        padding: 0px 15px;
        margin-bottom: 30px;
    }

        .step-quest > * label {
            display: block;
            border: 2px solid rgb(238, 238, 238);
            padding: 15px 30px;
            border-radius: 5px;
            height: 100%;
        }

#progress_bar {
    height: 5px;
    width: 100%;
    background: rgba(84, 168, 251, 0.2);
}

#progress_in {
    width: 0%;
    height: 100%;
    background: rgb(84, 168, 251);
    transition: all 0.3s ease 0s;
}

#curr_step {
    margin-bottom: 15px;
    margin-top: 40px;
}

@media screen and (max-device-width: 1024px) {
    #quiz h2 {
        margin-bottom: 50px !important;
    }

    .step-quest {
        margin-bottom: 15px;
    }

    #type-home > *, #type-repair > * {
        width: 50%;
        text-align: left;
        margin-bottom: 15px;
    }

    .step-quest > * {
        margin-bottom: 15px;
    }

        .step-quest > * label {
            display: flex;
            align-items: center;
            padding: 15px;
            justify-content: center;
        }
}

@media screen and (max-device-width: 800px) {
    #quiz {
        padding: 0px 15px;
    }

        #quiz h2 {
            font-size: 1.8rem;
        }

    .step-quest > * label {
        text-align: center;
        padding: 10px 15px;
    }
}

@media screen and (max-device-width: 480px) {
    #quiz h2 {
        margin-bottom: 40px !important;
    }

    .step-quest > *, #type-home > *, #type-repair > * {
        width: 90%;
    }
}

@media screen and (max-device-width: 380px) {
    #quiz h2 {
        font-size: 1.6rem;
    }

    .step-quest > *, #type-home > *, #type-repair > *, #contact_fields > * {
        width: 100%;
    }
}