@media (max-width: 39.0625em) {
    .header__logo {
        flex: 0 0 2.0625rem;
    }

    .header__button {
        padding: 0.625rem 0.9375rem;
    }

    .menu__list {
        column-gap: 1.25rem;
        font-size: 14px;
    }

    .header__body {
        column-gap: 1.25rem;
    }

    .header__conteiner {
        min-height: 70px;
    }
}

@media (max-width: 52.5rem) {
    .info__content {
        column-gap: 1.25rem;
    }

    .info__conteiner {
        column-gap: 1.5625rem;
    }
}

@media (max-width: 43.75em) {
    .main-section__conteiner {
        grid-template-columns: auto;
        align-content: center;
        gap: 1.25rem;
    }

    .main-section__video-link {
        justify-self: start;
    }

    .main-section__image img {
        opacity: 0.8;
    }

    .footer__mail {
        justify-self: center;
    }
}

@media (max-width: 47.9988em) {
    .title {
        font-size: 1.5rem;
    }

    .materials__conteiner {
        grid-template-columns: auto;
    }

    .materials__slider {
        transform: translate(0, 0);
        justify-self: center;
    }

    .inovate {
        padding: 1.875rem 1.875rem;
    }

    .info__conteiner {
        grid-template-columns: auto;
    }

    .info {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .info__content {
        order: 1;
    }

    .info__image {
        order: 2;
    }

    .info__image {
        text-align: center;
    }

    .info__title {
        font-size: 1rem;
    }
}

@media (min-width: 47.9988em) {
    .materials::before {
        content: '';
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        height: 2.3125rem;
        transform: translate(0px, -100%);
        width: 61.7%;
    }

    .materials::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        height: 8.75rem;
        background-color: #222f33;
        width: 38.3%;
    }
}

@media (max-width: 20rem) {
    .materials__slider {
        max-width: 17.5rem;
    }
}

@media (max-width: 37.5em) {
    .footer__conteiner {
        grid-template-columns: auto;
        justify-content: center;
        text-align: center;
    }
}