/* ==========================================================
   FOOTER
   Version 1.1
==========================================================*/

footer{

    margin-top:80px;

    background:#415841;

    color:#ffffff;

    padding:90px 0 40px;

}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1.5fr;

    gap:60px;

}

.footer-about h3,
.footer-links h4,
.footer-help h4{

    color:#ffffff;

    margin-bottom:20px;

}

.footer-about p,
.footer-help p{

    color:rgba(255,255,255,.85);

    margin-bottom:18px;

    line-height:1.8;

}

.footer-about a,
.footer-links a{

    color:#ffffff;

    transition:.3s;

}

.footer-links ul{

    margin:0;
    padding:0;

}

.footer-links li{

    margin-bottom:12px;

}

.footer-links a:hover,
.footer-about a:hover{

    color:#d8e6d1;

}

.footer-note{

    margin-top:25px;

    padding-top:20px;

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

    font-size:.9rem;

    opacity:.8;

    font-style:italic;

}

.copyright{

    text-align:center;

    margin-top:60px;

    padding-top:25px;

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

    color:rgba(255,255,255,.65);

    font-size:.9rem;

}

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

@media(max-width:900px){

    .footer-grid{

        grid-template-columns:1fr;

        gap:45px;

    }

    footer{

        text-align:center;

    }

}

.footer-tagline{

    font-size:1.35rem;

    color:#fff;

    margin-bottom:8px;

    font-weight:600;

}

.footer-subtitle{

    color:rgba(255,255,255,.7);

    letter-spacing:2px;

    text-transform:uppercase;

    font-size:.8rem;

    margin-bottom:35px;

}

.footer-contact p{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

}

.footer-contact svg{

    flex-shrink:0;

    opacity:.85;

}

.footer-help{

    background:rgba(255,255,255,.09);

    padding:30px;

    border-radius:14px;

}

.footer-links{

    padding-top:28px;

}

.footer-about h3{

    font-family:'Handcaps';

    font-size:2.8rem;

    font-weight:normal;

    line-height:1;

    margin-bottom:25px;

}