/* ---------- tablet ---------- */
@media screen and (min-width: 768px) {
    .container {
        width: 100%;
        max-width: 750px;
    }
}

/* ---------- laptop ---------- */
@media (min-width: 992px) {
    .container {
        width: 100%;
        max-width: 970px;
    }

    .footer-container {
        width: 100%;
    }

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

/* ---------- desktop ---------- */
@media screen and (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1170px;
    }
}