.footer__wrapper {
    inline-size: min(90%, 1400px);
    margin-inline: auto;
}

.footer {
    margin-block-start: 9rem;
    background-color: var(--clr-secondary);
    color: var(--light-clr);
    padding-inline: 0;
    padding-block: 1.5rem;
    text-align: center;
}

.footer__brand {
    font-family: var(--ff-sans-normal);
    font-size: var(--fs-700);
    font-weight: bold;
}

.footer__list {
    flex-direction: column;
}

.footer__list > .footer__items {
    font-size: var(--fs-500);
}

.footer__items {
    font-weight: lighter;
}

.footer__description {
    max-inline-size: 35ch;
    margin-inline: auto;
}

.footer__socials {
    justify-content: center;
}


@media (min-width: 500px) {
    .footer {
        text-align: left;
    }

    .footer__list {
        flex-direction: row;
    }

    .footer__description {
        margin-inline: unset;
    }

    .footer__socials {
        justify-content: end;
    }
}