.footer{
    background:#0f0f0f;
    color:#fff;
    padding:70px 0 30px;
    margin-top: auto;
}

.footer-content{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:60px;
}

.footer-logo{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
}

.logo-icon{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
}
 
.footer-logo h3{
    font-family:"OswaldBold";
    font-size:18px;
    margin:0;
    color: #fff;
}

.footer-column h4{
    font-family:"OswaldBold";
    font-size:14px;
    margin-bottom:16px;
    color:#fff;
}

.footer-column p{
    color:#b7b7b7;
    line-height:1.8;
    max-width:320px;
    font-family: "Roboto";
    font-size: 14px;
}

.footer-column a{
    display:block;
    color:#b7b7b7;
    text-decoration:none;
    margin-bottom:14px;
    transition:.3s;
    font-family: "Roboto";
    font-size: 14px;
}

.footer-column a:hover{
    color:#e31212;
}

.footer-bottom{
    margin-top:50px;
    padding-top:30px;

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

    text-align:center;
    color:#c5c5c5;
}

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


@media(max-width:992px){

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

    .footer-bottom{
        margin-top:40px;
    }

}