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

.footer {
    padding-block: 40px;

    color: #fff;
    background-color: #222;
}


.footer__inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    width: min(1100px, calc(100% - 40px));

    margin-inline: auto;
}


.footer__logo {
    font-size: 20px;
    font-weight: 700;
}


.footer__copyright {
    margin: 0;

    font-size: 12px;
}


/* =========================
   Responsive
========================= */

@media screen and (max-width: 767px) {

    .footer {
        padding-block: 32px;
    }


    .footer__inner {
        flex-direction: column;

        width: calc(100% - 32px);

        gap: 16px;

        text-align: center;
    }

}