/* -------------------------
   Footer
------------------------- */
footer {position:relative; z-index:0; padding:120px 0; font-size:18px; text-align:center; overflow:hidden; background:none;}
footer::before {border:1px solid; content:""; position:absolute; left:-6px; top:-2px; right:-6px; bottom:0; background-image:url("/images/footer-white.svg"); background-repeat:no-repeat; background-position:top center; background-size:100% auto; z-index:-1; pointer-events:none; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform;}
footer ul {list-style:none; font-weight:var(--fw-medium); margin-top:2rem; margin-bottom:0;}
footer ul li {margin:0;}
footer .logo {max-width:240px; margin:0 auto;}
footer .author {font-size:0.8rem; margin-top:100px;}
footer .author a {color:var(--primary-400);}
footer .author a:hover {color:var(--secondary-400);}
.background-neutral-100 {background-color:var(--neutral-100);}

@media (min-width:576px) {
    footer .logo {max-width:280px;}
    footer {font-size:22px;}
}

@media (min-width:768px) {
    footer {text-align:left;}
    footer .logo {margin:0 0 0 auto; margin-top:-14px;}
    footer ul {margin-top:0;}
}

@media (min-width:1200px) {
    footer {font-size:26px; padding:160px 0;}
    footer .logo {max-width:400px; margin-top:-10px;}
}

@media (max-width:400px) {
   footer ul li:last-child {font-size:1rem;}
}