@media only screen and (max-width: 768px) {

    /* Burger menu */
    body header div.right-container {
        display: none;
        position: absolute;
        border: 1px solid black;
        border-top: 0;
        right: 0;
        align-items: flex-end;
        z-index: 99999;
    }
    body header div.right-container nav {
        list-style: none;
        display: flex;
        flex-flow: column;
        text-align: left;
        align-items: flex-end;
        width: fit-content;
        padding-left: 1em;
    }
    body header div.right-container nav hr {
        display: none;
    }
    body header div.right-container nav div.nav-item {
        font-size: 1.5rem;
        display: flex;
        flex-flow: column;
    }
    body header div.right-container nav div.nav-item.super-menu {
        margin-right: 0.5em;
    }
    body header div.right-container nav div.nav-item.super-menu > a{
        align-self: flex-end;
    }
    body header div.right-container nav div.nav-item.interpunct {
        display: none;
    }
    body header div.right-container nav div.sub-menu {
        display: flex;
        position: relative;
        flex-flow: column;
        background-color: initial;
        text-align: right;
        padding: 0 0.4em 0 0;
    }
    body header div.right-container div#nav-close {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10vw;
        height: 10vw;
        font-size: 2em;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
    }
}