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

.footer{

    margin-top:80px;

    border-top:1px solid #2a2a2a;

    background:#111111;

}

/* ==========================================================
   CONTAINER
========================================================== */

.footer-container{

    width:min(1200px,92%);

    margin:auto;

    padding:50px 0;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:25px;

}

/* ==========================================================
   BRAND
========================================================== */

.footer-brand{

    font-size:24px;

    font-weight:700;

}

/* ==========================================================
   LINKS
========================================================== */

.footer-links{

    display:flex;

    gap:24px;

    flex-wrap:wrap;

    justify-content:center;

}

.footer-links a{

    color:#cccccc;

    text-decoration:none;

    transition:.25s;

}

.footer-links a:hover{

    color:crimson;

}

/* ==========================================================
   COPYRIGHT
========================================================== */

.footer-copyright{

    color:#8d8d8d;

    font-size:14px;

}

/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:768px){

    .footer-container{

        padding:40px 20px;

    }

    .footer-links{

        gap:18px;

    }

}