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

.site-footer{

    margin-top:96px;

    background:var(--primary-dark);

    color:#fff;

}

.site-footer__grid{

    display:grid;

    gap:48px;

    padding:72px 0;

}

@media(min-width:768px){

.site-footer__grid{

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

}

}

.site-footer h4{

    margin-bottom:20px;

    color:var(--accent);

}

.site-footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.site-footer li{

    margin-bottom:12px;

}

.site-footer a{

    color:#fff;

    text-decoration:none;

    transition:.25s;

}

.site-footer a:hover{

    color:var(--accent);

}

.site-footer__brand p{

    margin-top:20px;

    max-width:320px;

    opacity:.8;

}

.site-footer__bottom{

    padding:24px 0;

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

    text-align:center;

    opacity:.8;

}