@media screen and (min-width: 767.01px) and (max-width: 1199.99px) {
    nav { 
        justify-content: end;
    }

    #contactButton{
        margin: 0 0 0 5vw !important;
        justify-content: center;
    }

    #menutabs {
        margin: 0 10vw 0 0;
    }

    #menu::before {
        content: '';
        position: absolute;
        z-index: -1;
        right: 3.25vw;
        top: -0.75vw;
        height: 2vw;
        width: 2vw;
        transform: rotate(45deg);
        background-color: var(--complementHover);
    }

    #menu {
        border-radius: 1vw;
        padding: 1vw 0;
        opacity: 0;
        display: block;
        visibility: hidden;
        position: absolute;
        min-width: 17vw;
        z-index: 500;
        background-color: var(--complementHover);
        transition: opacity 200ms ease-out;
    }

    nav.clicked #menu {
        opacity: 1;
        visibility: visible;
    }

    .menuOption {
        color: var(--accentDarkest);
        height: 5vw;
        width: 100%;
        border-radius: 0;
        text-align: left;
        padding-left: 2vw;
        padding-right: 3vw;
    }

    .menuOption:hover {
        background-color: var(--complement);
        text-decoration: none;
    }

    #logotypeConstant {
        display: none;
    }
}