/* Стандартные стили для вольного хтмл - мобильная версия */

@media screen and (max-width: 999px) {
    .content {
        font-size: 14px;
        background-size: 1000px;
        line-height: 20px;
    }

    .numeration {
        margin-top: 40px;
    }

    .quiz-content {
        padding: 0 5px 40px;;
    }

    .quiz-label {
        padding: 3px 17px 5px;
        font-size: 13px;
    }

    .quiz-title {
        font-size: 28px;
        line-height: 1.60;
        padding: 2px 20px 0 20px;
    }

    .quiz-title span {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .cover-wrapper .quiz-button {
        margin-top: 30px;
    }

    .quiz-header_wrapper {
        margin: 15px auto 27px;
    }

    .quiz-header__comment {
        font-size: 14px;
        line-height: 20px;
    }

    .option-wrapper {
        margin-bottom: 20px;
    }

    .result-wrapper_image .result-label {
        position: static;
        transform: none;
    }

    .result-label {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .quiz-header_wrapper {
        margin-bottom: 30px;
    }

    .numeration {
        margin-top: 20px;
        width: 72px;
        height: 28px;

        font-family: YS Display;
        font-size: 15px;
        line-height: 20px;

        text-align: center;
        letter-spacing: 0.03em;
        margin-bottom: 0;
    }

    .quiz-header__text {
        font-weight: 500;
        margin-bottom: 0;
    }

    .quiz-header__text > i {
        font-weight: 500;
    }

    .option__text {
        font-family: "YS Text Web";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;

        margin-left: 30px;
    }

    /* debug */
    /* .option__text:first-of-type {
        font-family: monospace;
    }

    .option__text:last-of-type {
        font-family: '';
    } */

    /* debug */


    .option-wrapper {
        margin-bottom: 15px;
    }

    .quiz-body {
        margin-left: 10px;
        margin-bottom: 30px;
    }

    .option__checkbox {
        width: 20px;
        height: 20px;
        margin-top: 0px;
    }

    .comment-wrapper {
        margin-left: 30px;
        margin-right: 5px;
    }

    .comment {
        font-size: 13px;
        line-height: 18px;
    }

    .quiz-button {
        font-family: 'YS Text Web';
        background: #FF5200;
        margin: 0px auto 0;
        border: none;
        border-radius: 8px;
        font-size: 14px;
        line-height: 26px;
        padding: 5px 20px;
        color: #fff;
    }

    .quiz-button_inactive {
        background: #e8e8e8;
        cursor: auto;
        color: #666666;
    }

    .question-wrapper {
        margin-bottom: 20px;
    }

    .result-image {
        padding: 0 20px;
    }

    .result-text {
        margin-top: 0;
        padding-top: 15px;
    }

    .share_horizontal {
        margin-bottom: 50px;
    }
}