/* ---------- mobile ---------- */
@media screen and (max-width: 576px) {
    .footer-container {
        width: 100% !important;
    }

    .footer-logo {
        width: 100%;
        max-width: 12rem;
    }
}

/* ---------- tablet ---------- */
@media screen and (min-width: 577px) {
    .footer {
        padding: 2rem;
    }
}