@import url(../variables.css);

/* ---------- Footer ---------- */
.footerContainer {
    max-width: var(--maxw) !important;
}
footer{
    background: var(--black);
    color:var(--muted);
}
.footer_inner{
    display:flex; align-items:center; justify-content:flex-start;
    gap:16px; padding: 22px 0;
}
.footer_nav{
    display:flex; gap:40px; font-weight:500;
}
.footer_nav a{
    color:var(--muted); text-decoration:none;
}
.footer_nav a:first-child {
    margin-right: 0;
}
.footer_nav a:hover{color:#fff}

@media (max-width: 480px){
    .footer_inner{flex-direction:column; gap:10px}
    .footer_nav{margin:0}
}
@media (max-width: 900px){
    .footer_nav{gap:20px}
}
@media only screen and (min-width: 901px) {
    .footer_nav a:first-child {
        margin-right: 20px;
    }
}