#main-content {
    transition: 1s cubic-bezier(0.26, 0.88, 0.18, 1) transform, 1s cubic-bezier(0.26, 0.88, 0.18, 1) filter;
}

.menu-open#main-content {
    transform: translate(var(--fsmenuWidth), calc(var(--fsmenuWidth) * 0.75));
    filter: grayscale(100%) brightness(50%);
}

@media only screen and (max-width: 980px) {
    .menu-open#main-content {
        transform: translate(0, calc(100 * var(--vh)));
    }
}

#fullscreen-menu {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    position: fixed;
    top: 0;
    left: 0;
    padding: var(--menuHeight) var(--lcpad);
    height: calc(100 * var(--vh) - 2 * var(--menuHeight));
    z-index: 1;
    overflow-y: auto;
    transition: linear 0.25s opacity;
}

#fullscreen-menu-container {
    margin: auto 0;
}

.menu-prim-container ul {
    padding: 0;
}
.menu-prim-container li {
    list-style: none;
    transform: translateY(1em);
    opacity: 0;
    transition: 0.25s linear opacity, 0.5s cubic-bezier(0.22, 0.67, 0.07, 1) transform;
}

.menu-prim-container li.reveal {
    opacity: 1;
    transform: translateY(0);
}

.menu-prim-container li a {
    font-family: "Replica", sans-serif;
    text-transform: uppercase;
    font-size: 4rem;
    color: white;
    text-decoration: none;
    margin-bottom: 0.5rem;
    display: block;
}

@media only screen and (max-width: 680px) {
    .menu-prim-container li a {font-size: 3.5rem;}
}
@media only screen and (max-width: 480px) {
    .menu-prim-container li a {font-size: 3rem;}
}
@media only screen and (max-width: 420px) {
    .menu-prim-container li a {font-size: 2.25rem;}
}

.menu-prim-container li a:last-of-type {
    margin-bottom: 0;
}

#fullscreen-menu-footer {
    position: fixed;
    bottom: 2rem;
    left: var(--lcpad);
    display: flex;
}

#fullscreen-menu-footer #fullscreen-footer-nav a {
    color: white;
    text-decoration: none;
    display: block;
    margin-bottom: 0.25rem;
}

#fullscreen-menu-footer #fullscreen-footer-nav a:last-of-type {margin-bottom: 0;}

#fullscreen-menu-footer .some-cont {
    margin-top: auto;
    margin-left: 1.5rem;
}

#kandi-tofuburger div {
    transition: 0.5s cubic-bezier(0.26, 0.88, 0.18, 1) transform, 0.25s cubic-bezier(0.26, 0.88, 0.18, 1) opacity;
}

#kandi-tofuburger.menu-open div:nth-of-type(2) {opacity: 0;}
#kandi-tofuburger.menu-open div:nth-of-type(1) {transform: rotate(45deg) translate(5px, 6px);}
#kandi-tofuburger.menu-open div:nth-of-type(3) {transform: rotate(-45deg) translate(5px, -6px);}