.desktop-hidden {
    display: none;
}

@media screen and (max-width: $mobileMenu) {
    .mobile-hidden {
        display: none;
    }

    .desktop-hidden {
        display: block;
    }
}

/* Visually hidden - to animate */

@mixin hidden() {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    max-width: 0;
    max-height: 0;
}

@mixin visible() {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    max-width: none;
    max-height: none;
}