@media screen and (max-width: 999px) and (min-width: 768px) {
    body {
        font-size: 20px;
        line-height: 24px;
    }

    .header {
        grid-column-gap: 16px;
        padding: 0 21px;
    }

    .header__logo img {
        height: 28px;
    }

    .header__countdown {
        font-size: 16px;
        line-height: 20px;
    }

    .header__publish,
    .header__rules {
        padding: 0 16px;
        font-size: 16px;
    }

    .header__publish {
        margin-left: 8px;
    }

    .paginator {
        right: 20px;
    }

    .pages__page {
        min-height: 100vh;
        padding: 104px 24px;
        overflow: visible;
    }

    .pages .pages__page-content {
        max-width: 640px;
        padding: 0;
    }

    .pages .pages__page-bigtitle {
        margin-bottom: 24px;
        font-size: 33px;
        line-height: 41px;
    }

    .pages__page-2 .pages__page-bigtitle {
        max-width: 570px;
    }

    .pages .pages__page-content p {
        width: 100%;
        max-width: none;
    }

    .button-chevron {
        --u: 1.026px;

        width: auto;
        min-width: 275px;
        padding: 0 56px;
    }

    .button-chevron__label {
        font-size: 36px;
    }

    .parallax-img {
        --bg-offset: 0px;
    }

    .parallax-img-2 {
        display: none;
    }

    .parallax-img-3 {
        width: 650px;
        height: 650px;
        left: 371px;
        top: 60px;
    }

    .parallax-img-4 {
        transform: none;
        background-position: right bottom;
        background-size: auto 84%;
    }

    .pages__page-1 {
        min-height: 100vh;
        padding: 61px 24px 117px 24px;
        overflow: hidden;
    }

    .pages__page-1 .pages__page-content {
        width: 100%;
        max-width: 100%;
        margin: 0;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr auto;
        justify-items: center;
    }

    .pages__page-1 .logo {
        width: 265px;
        height: 41px;
        margin: 0;
    }

    .pages__page-1 .pages__page-title {
        margin: 22px 0 0 0;
    }

    .pages__page-1 .pages__page-title :nth-child(1) {
        font-size: 48px;
        line-height: 56px;
    }

    .pages__page-1 .pages__page-title :nth-child(2) {
        font-size: 28px;
        line-height: 36px;
    }

    .pages__page-1 .pages__page-content > :nth-child(3) {
        align-self: end;
    }

    .pages__page-1 .pages__page-content p {
        width: 448px;
        margin: 0;
    }

    .pages__page-1 .button-chevron {
        margin-top: 80px;
    }

    .button-next {
        bottom: 44px;
    }

    .button-next::after {
        display: none;
    }

    .pages .streamers__title {
        font-size: 28px;
        line-height: 34px;
    }

    .streamer .pages__page-bigtitle {
        margin-bottom: 28px;
        font-size: 32px;
        line-height: 38px;
    }

    .streamer__avatar {
        margin-bottom: 20px;
    }

    .streamer p {
        font-size: 20px;
        line-height: 24px;
    }

    .streamer .button-chevron {
        margin-top: 20px;
    }

    .consultants {
        margin-top: 72px;
    }

    .consultants__title {
        margin-bottom: 28px;
        font-size: 24px;
        line-height: 32px;
    }

    .consultants__list {
        gap: 28px;
    }

    .consultants__name {
        font-size: 20px;
        line-height: 26px;
    }

    .guides__intro,
    .guides__placeholder {
        max-width: 628px;
    }

    .guides {
        max-width: 628px;
        gap: 12px;
        margin-top: 32px;
    }

    .guides__placeholder {
        margin-top: 32px;
    }

    .guides--scroll {
        max-height: 476px;
    }

    .guides__item {
        flex: 0 0 calc(50% - 6px);
        min-width: 0;
    }

    .guides__card {
        height: 168px;
    }

    .guides__author {
        font-size: 20px;
        line-height: 26px;
    }

    .rules {
        padding: 32px 24px;
    }

    .rules__window {
        padding: 40px 16px 40px 32px;
    }

    .rules__scroll {
        padding-right: 16px;
    }

    .rules__title {
        font-size: 32px;
        line-height: 40px;
    }

    .rules__subtitle {
        margin-bottom: 32px;
        font-size: 20px;
        line-height: 28px;
    }

    .rules__section {
        margin: 32px 0 16px 0;
        font-size: 18px;
        line-height: 24px;
    }

    .rules__scroll p,
    .rules__scroll li {
        font-size: 18px;
        line-height: 26px;
    }

    .footer {
        height: 85px;
    }

    .footer > div {
        grid-column-gap: 24px;
        height: 85px;
        padding: 0 21px;
    }

    .footer :nth-child(1) img {
        height: 32px;
    }

    .footer :nth-child(2) svg {
        height: 34px;
    }

    .footer :nth-child(3):after {
        margin-left: 16px;
        min-width: 30px;
        width: 30px;
        height: 30px;
    }
}