footer{
    background:var(--red);
    color:white;
    margin-top:0;
}

.footer-container{
    display:grid;
    grid-template-columns:1.25fr 1fr .7fr;
    gap:90px;
    padding:70px 8%;
    align-items:start;
}

.footer-column{
    text-align:left;
}

.footer-column h3{
    font-size:1.8rem;
    color:white;
    margin-bottom:24px;
}

.footer-column h4{
    font-size:1rem;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:white;
    margin-bottom:22px;
}

.footer-column p{
    max-width:390px;
    line-height:1.8;
    color:rgba(255,255,255,.86);
    font-size:.95rem;
}

.footer-about{
    margin-top:46px;
}

.footer-links{
    display:grid;
    grid-template-columns:max-content max-content;
    column-gap:72px;
    row-gap:18px;
    margin-top:34px;
}

.footer-links a{
    color:rgba(255,255,255,.9);
    font-size:.96rem;
    font-weight:600;
    line-height:1.2;
    transition:.3s ease;
}

.footer-links a:hover{
    color:var(--gold);
    transform:translateX(5px);
}

.footer-social{
    justify-self:end;
    text-align:center;
}

.social-links{
    display:flex;
    justify-content:center;
    gap:16px;
    margin-top:34px;
}

.social-links a{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    transition:.3s ease;
}

.social-links a:hover{
    transform:translateY(-4px);
    background:#8f1717;
    border-color:#8f1717;
}

.social-links img{
    width:20px;
    height:20px;
    display:block;
    filter:brightness(0) invert(1);
}

.footer-bottom{
    height:52px;
    background:#8f1717;
    border-top:1px solid rgba(255,255,255,.08);
}