@media (max-width: 768px) {
    footer {
        display: none;
    }
}

#footerGrid {
    height: var(--footer-height);
}

    #footerGrid * {
        color: var(--footer-text-color);
    }

.page-footer {
    color: var(--footer-text-color);
}

.footer-colored {
    background-color: var(--footer-color);
    min-height: var(--footer-height);
}

.page-footer .logo img {
    height: calc(var(--logo-size)/1.5);
}