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

.footer{
    width:100%;
    padding:0;

    background:#475569;
    color:#ffffff;
}

.footer-bottom{
    width:min(1500px, calc(100% - 80px));
    min-height:78px;
    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

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

    color:#cbd5e1;

    font-size:13px;
    line-height:1.5;
    font-weight:600;
}

.footer-bottom span:last-child{
    color:#d5a640;
}


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

@media (max-width:700px){

    .footer-bottom{
        width:min(100% - 40px, 1500px);
        min-height:auto;
        padding:24px 0;

        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        gap:8px;
    }

}