@media screen and (min-width: 1200px) {
    
    #logotypeConstant {
        display: none;
    }

    #contactButton {
        margin-left: 20px;
    }

    #menu {
        float: right;
        height: 100%;
        display: flex;
        overflow: hidden;
        margin-left: auto;
    }

    #menutabs {
        display: none;
    }

    nav a {
        width: fit-content;
        margin: 0 var(--spaceBetween);
        padding: 10px 0;
        justify-content: center;
    }

    html:lang(fr) nav a {
        margin: 0 20px;
    }

    .menuOption {
        height: 100%;
    }

    .menuOption:hover {
        color: var(--complementLighter);
    }
}

 @media screen and (min-width: 767.01px) {
    #logotype {
        display: none;
    }

    #logotypeConstant {
        display: none;
    }
}

/* @media screen and (min-width: 1200px) and (max-width: 1350px) {
    #logo {
        display: none;
    }
}

@media screen and (min-width: 1350.01px) {
    #logotype {
        display: none;
    }

} */