@media screen and (max-width: 1280px) {
    #mesjeux .card {
        min-width: 45%;
    }
}

@media screen and (max-width: 1000px) {
    nav>div:nth-of-type(1) img {
        content: url('/assets/pictures/logo/edenFR_texteLogo/edenFR_texteLogo_white.svg');
    }
    nav>div:nth-of-type(3) {
        display: none;
    }

    .section:nth-of-type(1) {
        display: none;
    }
    .section:nth-of-type(3) {
        display: none;
    }
}

@media screen and (max-width: 880px) {
    /* NAVBAR */
    nav>div:nth-of-type(1) {
        flex: 1 40% !important;
        justify-content: center;
    }
    nav>div:nth-of-type(2) {
        flex: 2 50% !important;
        justify-content: flex-end;
    }
    nav>div:nth-of-type(2) #medianav {
        display: initial !important;
        font-weight: 600;
        font-size: 1.3em !important;
        padding: 0.1em 2em 0.1em 2em;
    }
    nav div>p {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    nav>div>div>ul {
        width: auto;
    }
    nav>div>div {
        float: none;
        width: auto;
        object-fit: contain;
    }
    nav>div:nth-of-type(2)>div ul {
        border: 3px solid rgba(4, 151, 5, 1);
    }
    nav>div:nth-of-type(2)>div ul li {
        border-bottom: 2px dashed rgba(4, 151, 5, 1);
    }
    nav>div:nth-of-type(2)>div>ul {
        display: none;
        position: absolute;
        right: 0;
        top: 40px;
        line-height: 45px;
    }
    nav>div:nth-of-type(2)>div ul li:last-child {
        border-bottom: 0px;
    }
    nav>div:nth-of-type(2)>div:hover>ul {
        display: flex;
    }
    nav>div:nth-of-type(2)>div ul li {
        width: 170px;
        float: none;
        position: relative;
    }
    nav>div:nth-of-type(2)>div ul ul {
        position: absolute;
        z-index: 5;
    }
    nav>div:nth-of-type(2)>div ul ul ul {
        top: 0;
        left: -170px;
    }
    nav>div:nth-of-type(2)>div ul ul ul li {
        top: auto;
        left: 0;
        border-left: none;
        border-top: none;
        border-right: none;
    }
    nav>div:nth-of-type(2)>div ul ul ul li:first-child {
        border-left: none;
        border-top: none;
        border-right: none;
    }
    nav>div:nth-of-type(2)>div ul ul ul li:last-child {
        border-left: none;
        border-right: none;
    }
    nav div ul {
        margin-block-start: 0em;
        margin-block-end: 0em;
    }

    /* BODY */
    .section:nth-of-type(1) {
        display: none;
    }
    .section:nth-of-type(3) {
        display: none;
    }

    #discord .card {
        width: 80% !important;
    }

    /* FOOTER */
    #footertop {
        flex-direction: column;
    }
    #footertop>div {
        max-width: 70%;
        align-self: center;
    }
    #footerbottom>div:nth-of-type(1) {
        display: none;
    }
    #footerbottom>div:nth-of-type(3) {
        display: none;
    }
}

@media screen and (max-width: 863px) {
    nav div>div>ul>li:nth-of-type(5) {
        border-bottom: 0px !important;
    }
}

@media screen and (max-width: 693px) {
    nav div>div>ul>li:nth-of-type(4) {
        border-bottom: 0px !important;
    }
}

@media screen and (max-width: 600px) {
    #mesjeux .card {
        min-width: 70%;
    }
    #discord .card {
        min-width: 80% !important;
        width: auto !important;
    }
    #footerlogo {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    #footerlink {
        flex-direction: column;
    }
}

@media screen and (max-width: 512px) {
    .modalbody {
        width: 90% !important;
    }
}

@media screen and (max-width: 353px) {
    nav>div:nth-of-type(2)>div ul ul ul {
        top: 30px;
        left: 70px;
    }
    nav div>div>ul>li:nth-of-type(5) {
        border-bottom: 2px dashed rgba(4, 151, 5, 1) !important;
    }
}

@media screen and (max-width: 350px) {
    #mesjeux .card {
        min-width: 95%;
    }
}