footer {
    padding-bottom: 4rem !important;
    margin-top: 10rem;
    row-gap: 2rem;
}
body[data-template='home'] footer {display: none !important;}
@media only screen and (min-width: 1096px) {
    footer {padding-bottom: 1rem !important;}
}

footer > *:not(#footer-logo) {z-index: 10;}

#footer-contacts {
    grid-column: 1/-1;
    row-gap: 1em;
}

#footer-logo {grid-column: 1/-1; z-index: 2;}
#footer-logo img {
    width: 50vw;
    opacity: .25;
    margin: 0 auto;
    transition: 1000ms ease-out;
}

#footer-pages {grid-column: 1/4;}

#footer-social_media {grid-column: 4/-1;}

#footer-careers {grid-column: 1/-1;}


@media only screen and (min-width: 768px) {
    #footer-logo img {width: 14rem;}
    
    #footer-contacts {
        grid-column: 1/4;
        grid-row: 1/3;
    }

    #footer-logo {
        grid-column: 1/-1;
        grid-row: 1;
    }

    #footer-social_media {
        grid-column: 4/-1;
        grid-row: 2/3;
        align-self: flex-end;
    }

    #footer-careers {
        grid-column: 4/-1;
        grid-row: 1;
        width: fit-content;
        height: fit-content;
        margin-left: auto;
    }

    #footer-pages {grid-column: 1/-1; grid-row: 3;}
}

@media only screen and (min-width: 1096px) {
    #footer-contacts {grid-row: 1;}
    .footer-contact {grid-column: span 2;}
    
    #footer-logo {grid-column: 3/-3;}
    #footer-logo img {width: 6rem;}

    #footer-careers {grid-column: 4/5;}

    #footer-social_media {grid-column: 5/6; grid-row: 1;}

    #footer-pages {grid-column: 6/-1; grid-row: 1;}
}

@media (hover: hover) {
    #footer-pages a {transition: opacity 250ms ease-in-out;}
    #footer-pages:hover a {opacity: .25 !important;}
    #footer-pages a:hover {opacity: 1 !important;}
}