footer {
    margin-top: var(--size_l);
}
@media only screen and (min-width: 768px) {
    footer {
        margin-top: var(--size_xl);
    }
}

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

#footer-contacts {
    grid-column: 7/-1;
    row-gap: var(--size);
}

#footer-video {grid-column: 1/-1;}
#footer-video img,
#footer-video video {padding: 1rem 2rem 0;}


@media only screen and (min-width: 768px) {
    footer {align-items: center;}
    #footer-pages {grid-column: 1/5; grid-row: 1; height: fit-content;}
    #footer-video {grid-column: 5/-5; grid-row: 1;}
    #footer-contacts {grid-column: -5/-1; grid-row: 1; height: fit-content;}

    #footer-video img,
    #footer-video video {padding: 0;}
}

@media only screen and (min-width: 1096px) {
    #footer-pages {grid-column: 1/5; columns: 2;}
    #footer-video {grid-column: 7/-7;}
    #footer-contacts {grid-column: -4/-1;}
}

@media (hover: hover) {
    #footer-pages a,
    #footer-contacts a {transition: opacity 500ms;}

    #footer-pages:hover a,
    #footer-contacts:hover a {opacity: .5;}

    #footer-pages a:hover,
    #footer-contacts a:hover {opacity: 1;}
}