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

.site-footer{
    background:#0f172a;
    color:#cbd5e1;
    margin-top:6rem;
}

.footer-layout{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:4rem;
    padding:5rem 0;
}

.footer-brand img{
    height:52px;
    width:auto;
    margin-bottom:1.5rem;
}

.footer-brand p{
    max-width:30rem;
    margin:0;
    font-size:1rem;
    line-height:1.8;
    color:#94a3b8;
}

.footer-links h3{
    margin:0 0 1.25rem;
    color:#ffffff;
    font-size:1.05rem;
    font-weight:700;
    letter-spacing:.02em;
}

.footer-links li{
    margin-bottom:1rem;
}

.footer-links a{
    color:#cbd5e1;
    transition:.25s;
}

.footer-links a:hover{
    color:white;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:1.5rem 0;
}

.footer-bottom p{
    margin:0;
    color:#94a3b8;
}

@media (max-width:900px){

    .footer-layout{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-brand{
        display:flex;
        flex-direction:column;
        align-items:center;
    }

}