footer {
    display: flex;
    flex-direction: column;
    gap: 53px;
    background-color: var(--color-secondary-100);
    padding: 41px 39px 39px 33px;
    z-index: 1;
}

.footer__company-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.footer__company-logo svg {
    width: 41px;
    height: auto;
}

.footer__company-logo svg:last-child {
    width: 106px;
}

.footer__container {
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.footer__container p {
    color: #E7E7E7;
    font: 16px/21px font-primary;
    margin: 0;
}

.footer__content {
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.footer__contact-info {
    display: flex;
    flex-direction: column;
    gap: 23px;
    width: 139px;
}

.footer__contact-info p {
    color: #E7E7E7;
    font: 14px/19px font-primary;
}

.footer__secondary-info {
    display: flex;
    flex-direction: column;
    gap: 52px;
}

.secondary-info__content {
    display: flex;
    justify-content: space-between;
}

.secondary-info__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 23px;
}

.secondary-info__text p {
    margin: 0;
    font: 14px/19px font-primary;
}

.secondary-info__text span {
    color: var(--color-tertiary-400);
}

.secondary-info__social-media {
    display: flex;
    flex-direction: column;
}

.secondary-info__social-media svg {
    width: 48px;
    height: auto;
}

.secondary-info__privacy-policy {
    display: flex;
    flex-direction: column;
    gap: 22px;
    text-align: right;
}

.secondary-info__privacy-policy a {
    color: #E7E7E7;
    font: normal normal 600 18px/24px font-primary;
    cursor: pointer;
    transition: color 0.25s;
}

.secondary-info__privacy-policy a:focus {
    outline: none;
    color: var(--color-primary-300);
}

.secondary-info__privacy-policy a:hover {
    color: var(--color-primary-300);
}

.secondary-info__privacy-policy p {
    color: var(--color-tertiary-400);
    font: 16px/21px font-primary;
}

@media screen and (min-width: 576px) {
    footer {
        gap: 40px;
        padding: 53px 48px 48px 61px;
    }
    
    .footer__company-logo svg {
        width: 33px;
    }
    
    .footer__company-logo svg:last-child {
        width: 84px;
    }
    
    .footer__container {
        gap: 43px;
    }
    
    .footer__container p {
        font: 14px/19px font-primary;
    }
    
    .footer__content {
        display: inline-flex;
        flex-direction: row;
        gap: 60px;
    }
    
    .footer__secondary-info {
        gap: 78px;
        flex: 1;
    }
    
    .secondary-info__content {
        justify-content: space-around;
        gap: 50px;
    }
    
    .secondary-info__text {
        gap: 8px;
    }
    
    .secondary-info__social-media svg {
        width: 33px;
    }
    
    .secondary-info__privacy-policy {
        gap: 6px;
    }
    
    .secondary-info__privacy-policy a {
        font: normal normal 600 14px/19px font-primary;
    }
    
    .secondary-info__privacy-policy p {
        font: 14px/19px font-primary;
    }
}

@media screen and (min-width: 912px) {
    footer {
        flex-direction: row;
        gap: 73px;
        padding: 56px 65px 55px 75px;
    }

    .footer__company-logo {
        height: min-content;
    }
    
    .footer__company-logo svg {
        width: 35px;
    }
    
    .footer__company-logo svg:last-child {
        width: 89px;
    }
    
    .footer__container {
        gap: 14px;
        flex: 1;
    }
    
    .footer__content {
        display: flex;
    }
    
    .footer__contact-info {
        gap: 14px;
    }
    
    .footer__secondary-info {
        gap: 26px;
    }
    
    .secondary-info__text {
        gap: 9px;
    }
    
    .secondary-info__social-media svg {
        width: 35px;
    }
    
    .secondary-info__privacy-policy {
        gap: 8px;
    }
    
    .secondary-info__privacy-policy a {
        font: normal normal 600 12px/16px font-primary;
    }
    
    .secondary-info__privacy-policy p {
        font: 12px/16px font-primary;
    }

    .secondary-info__privacy-policy p br {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    footer {
        gap: 90px;
        padding: 68px 63px 50px 92px;
    }

    .footer__company-logo svg {
        width: 42px;
    }
    
    .footer__company-logo svg:last-child {
        width: 109px;
    }
    
    .footer__contact-info {
        gap: 14px;
    }
    
    .footer__secondary-info {
        gap: 15px;
    }
    
    .secondary-info__text {
        gap: 16px;
    }
    
    .secondary-info__social-media svg {
        width: 43px;
    }
    
    .secondary-info__privacy-policy {
        gap: 10px;
    }
    
    .secondary-info__privacy-policy a {
        font: normal normal 600 14px/19px font-primary;
    }
    
    .secondary-info__privacy-policy p {
        font: 14px/19px font-primary;
    }
}

@media screen and (min-width: 1400px) {
    footer {
        gap: 141px;
        padding: 108px 84px 75px 145px;
    }

    .footer__company-logo svg {
        width: 67px;
    }
    
    .footer__company-logo svg:last-child {
        width: 171px;
    }

    .footer__container {
        gap: 40px;
    }

    .footer__container p {
        font: 21px/28px font-primary;
    }
    
    .footer__contact-info {
        gap: 44px;
        width: 178px;
        justify-content: center;
    }
    
    .footer__contact-info p {
        font: 18px/24px font-primary;
    }
    
    .footer__secondary-info {
        gap: 30px;
    }
    
    .secondary-info__text {
        gap: 31px;
    }
    
    .secondary-info__text p {
        font: 18px/24px font-primary;
    }
    
    .secondary-info__social-media svg {
        width: 68px;
    }
    
    .secondary-info__privacy-policy {
        gap: 22px;
    }
    
    .secondary-info__privacy-policy a {
        font: normal normal 600 18px/24px font-primary;
    }
    
    .secondary-info__privacy-policy p {
        font: 18px/24px font-primary;
    }
}