/* ==========================================
   Footer
========================================== */

.footer{

    margin-top:80px;

    background:#fff;

    border-top:1px solid #e8edf5;

}

.footer-inner{

    max-width:1200px;

    margin:0 auto;

    padding:50px 20px 30px;

}

/* ==========================================
   Link Area
========================================== */

.footer-links{

    display:grid;

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

    gap:40px;

    margin-bottom:40px;

}

.footer-column h3{

    font-size:1rem;

    margin-bottom:18px;

    color:#222;

}

.footer-column a{

    display:block;

    margin-bottom:12px;

    color:#666;

    text-decoration:none;

    transition:.2s;

}

.footer-column a:hover{

    color:#1565c0;

}

/* ==========================================
   Bottom
========================================== */

.footer-bottom{

    border-top:1px solid #edf2f7;

    padding-top:24px;

    text-align:center;

}

.footer-bottom p{

    color:#777;

    font-size:.9rem;

}

/* ==========================================
   Responsive
========================================== */

@media(max-width:768px){

    .footer{

        margin-top:60px;

    }

    .footer-inner{

        padding:40px 16px 24px;

    }

    .footer-links{

        grid-template-columns:1fr;

        gap:24px;

        margin-bottom:30px;

    }

}