/* container */

@media screen and (max-width: 1400px) {
    .container {
        max-width: 1200px;
    }
}

@media screen and (max-width: 1200px) {
    .container {
        max-width: 992px;
    }
}

@media screen and (max-width: 992px) {
    .container {
        max-width: 768px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        max-width: 576px;
    }
}

@media screen and (max-width: 576px) {
    .container {
        max-width: 100%;
    }
}

/* other */

@media screen and (max-width: 1400px) {
    .button_lg {
        padding: 28px 44px;
    }
}

@media screen and (max-width: 1200px) {
    .header__nav {
        gap: 24px;
    }

    .button_lg {
        padding: 24px 40px;
    }
}

@media screen and (max-width: 992px) {
    .header__nav {
        gap: 16px;
    }

    .about,
    .services__item{
        grid-template-columns: 1fr;
    }

    .services__title {
        font-size: 56px;
    }

    .button_lg {
        padding: 22px 38px;
    }
}

@media screen and (max-width: 768px) {
    .hero__text--title {
        font-size: 72px;
    }

    .hero__text--subtitle {
        font-size: 28px;
    }

    .button_lg {
        padding: 22px 38px;
    }
}

@media screen and (max-width: 576px) {
    .header__nav {
        display: none;
    }

    .header-button {
        display: block;
    }

    .hero,
    .about,
    .services {
        margin-bottom: 56px;
    }

    .services__item {
        gap: 24px;
        padding: 32px 24px;
        margin-bottom: 32px;
    }

    .footer__list {
        margin-bottom: 16px;
    }

    .footer__contacts {
        flex-direction: column;
        gap: 12px;
    }
}

@media screen and (max-width: 375px) {

}