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