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

.site-footer{
    background:#111;
    color:#ddd;
    padding:100px 0 35px;
    margin-top:100px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2.5fr 1fr 1fr 1.2fr;
    gap:80px;
    align-items:flex-start;
}

.footer-column{
    display:flex;
    flex-direction:column;
}

.footer-logo{
    width:140px;
    margin-bottom:30px;
    display:block;
}

.footer-column h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin:0 0 25px;
}

.footer-column p{
    color:#bdbdbd;
    line-height:1.9;
    font-size:16px;
    margin:0 0 18px;
}

.footer-column ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-column li{
    margin-bottom:16px;
}

.footer-column a{
    color:#d7d7d7;
    text-decoration:none;
    transition:all .3s ease;
}

.footer-column a:hover{
    color:#fff;
    padding-left:6px;
}

.footer-social{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:10px;
}

.footer-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:6px;
}

.footer-social a:hover{
    background:#c62828;
    border-color:#c62828;
    color:#fff;
    padding-left:14px;
}

.footer-bottom{
    margin-top:70px;
    padding-top:30px;
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
    color:#8c8c8c;
    font-size:15px;
}

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

@media(max-width:1100px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:50px;
    }

}

@media(max-width:768px){

    .site-footer{
        padding:70px 0 30px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:40px;
        text-align:center;
    }

    .footer-logo{
        margin:0 auto 25px;
    }

    .footer-social{
        justify-content:center;
    }

}