@charset "utf-8";

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

footer{

    background:var(--black);

    border-top:1px solid var(--gray-500);

    margin-top:70px;

    padding:40px 0;

}

.footer-container{

    max-width:var(--max-width);

    width:90%;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    text-align:center;

}

.footer-logo{

    width:450px;

}

footer a{

    color:var(--gray-100);

    text-decoration:none;

}

footer a:hover{

    color:var(--white);

}