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

.site-footer{

    margin-top:2.5rem;

    padding:4rem 0 2rem;

    background:#222222;

    color:#fff;

}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:3rem;

}

.footer-brand img{

    width:48px;

    margin-bottom:1rem;

}

.footer-brand p{

    color:rgba(255,255,255,.75);

    max-width:320px;

}

.site-footer h4{

    margin-bottom:1rem;

}

.site-footer ul{

    list-style:none;

    padding:0;

}

.site-footer li{

    margin-bottom:.75rem;

}

.site-footer a{

    color:rgba(255,255,255,.8);

}

.site-footer a:hover{

    color:#fff;

}

.footer-bottom{

    margin-top:3rem;

    padding-top:2rem;

     border-top:1px solid rgba(255,255,255,.08);


    color:rgba(255,255,255,.6);

    text-align:center;

    font-size:.9rem;

}

@media(max-width:900px){

    .footer-grid{

        grid-template-columns:1fr;

        gap:2rem;

    }

}