.main-footer{
    background-color: var(--colorPrimary);
    padding-block: 3rem 1rem;
    margin-top: clamp(3rem, 10vw, 120px);
    color: #F8F9F9;
}

body:has(.page-life) .main-footer{
    background-color: var(--colorLife);
}

.main-footer-grid{
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem 3rem;
}

.footer-logo{
    grid-column: 1 / 2;
    max-width: 150px;
    margin-top: .25rem;
    /* place-self: center; */
}

.main-footer-grid .footer-nav ul{
    flex-wrap: wrap;
    max-width: 600px;
}
.main-footer-grid li{
    max-width: 140px;
    width: 100%;
    margin-bottom: .5rem;
}

.main-footer .bottom-row{
    grid-column: 1 / -1;
    border-top: 1px solid #F8F9F9;    
    padding-top: 1rem;
}

@media screen and (max-width: 520px) { 
    .main-footer-grid{
        grid-template-columns: auto  auto;
        gap: 1rem 2rem;
    }
    .footer-logo{
        grid-column: 1 / -1;
        margin: 0 auto 1rem;
    }
}
@media screen and (max-width: 420px) { 
    .main-footer{
        padding-top: 2rem;
    }
}