/* ==========================================================
   Footer
   ========================================================== */

.site-footer {
    margin-top: 50px;

    background: #20262d;

    color: #ffffff;

    line-height: 1.15;
}

.footer-inner {
    max-width: 1200px;

    margin: 0 auto;

    padding:
        50px 24px;

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 35px;
}

.footer-column h3 {
    margin-top: 0;

    line-height: 1.15;
}

.footer-column a {
    display: block;

    margin:
        9.9px 0;

    color: #d9dde1;

    line-height: 1.15;
}

.footer-bottom {
    border-top:
        1px solid #3d444c;

    text-align: center;

    padding: 20px;

    color: #c6cbd0;

    line-height: 1.2;
}


/* ==========================================================
   Footer – Tablet
   ========================================================== */

@media (max-width: 900px) {

    .footer-inner {
        grid-template-columns:
            1fr 1fr;
    }

}


/* ==========================================================
   Footer – Smartphone
   ========================================================== */

@media (max-width: 600px) {

    .footer-inner {
        grid-template-columns:
            1fr;
    }

}