/* =========================================================
   FOOTER
   ========================================================= */

.footer {

    background: var(--black);

    color: white;

    padding:

        30px
        0
        20px;

}


.footer-container {

    width: min(
        calc(100% - 120px),
        var(--max-width)
    );

    margin: 0 auto;

    display: grid;

    grid-template-columns:

        1.5fr
        .7fr
        .7fr
        1fr;

    gap: 70px;

    padding-bottom: 65px;

}


.footer-brand p {

    color:

        rgba(
            255,
            255,
            255,
            .5
        );

    font-size: 11px;

    line-height: 1.6;

    max-width: 260px;

    margin-top: 22px;

}


.footer-column {

    display: flex;

    flex-direction: column;

    gap: 11px;

}


.footer-column span {

    color: var(--green);

    font-size: 8px;

    letter-spacing: .13em;

    margin-bottom: 7px;

}


.footer-column a {

    font-size: 10px;

    color:

        rgba(
            255,
            255,
            255,
            .66
        );

    transition: color .2s ease;

}


.footer-column a:hover {

    color: white;

}


.footer-bottom {

    width: min(
        calc(100% - 120px),
        var(--max-width)
    );

    margin: 0 auto;

    border-top:

        1px solid
        rgba(
            255,
            255,
            255,
            .12
        );

    padding-top: 20px;

    display: flex;

    justify-content: space-between;

    color:

        rgba(
            255,
            255,
            255,
            .35
        );

    font-size: 8px;

}
.footer-brand img{
    width:200px;
    height:auto;
    display:block;
}