@media only screen and (max-width: 1300px){
    #cabinet{
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    #cabinet_left_subcontainer{
        width: 60%;
        height: 90%;
        margin: auto;
        position: relative;
    }

    #cabinet_left_container{
        width: 100%;
        height: 500px;
    }

    #cabinet_right_container{
        width: 100%;
        height: 600px;
        -webkit-transition: 1s;
        transition: 1s;
    }
}

@media only screen and (max-width: 1200px){
    #menu{
        display: none;
     }

    #nav{
        display: block;
    }
    
    #menu_languages_mobile{
        display: block;
    }
 
     #home_menu_interior_container{
         width: 80%;
     }

     #cv_main_container{
        margin-bottom: 10%;
    }

    #cv_intro{
        width: 75%;
    }
    
    #cabinet_time_container{
        width: 280px;
    }
}

@media (min-aspect-ratio: 16/9){
    #home_background_video{
        width: 100%;
        height: auto;
        bottom: -20vw;
    }
}

@media (max-aspect-ratio: 16/9){
    #home_background_video{
        width: auto;
        height: 100%;
        bottom: -30%;
    }
}




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

    #competences_container{
        width: 100%;
        margin: 0;
    }

    #competence{
        background-size: 350px;
    }

    #cv_main_container{
        margin: auto;
        box-sizing: border-box;
        margin-bottom: 10%;
    }
}

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

    #contact_info_container{
        display: none;
    }

    #menu{
        top: 1vh;
    }

    .link_container p{
        margin-left: 5vw;
        font-size: 3vw;
    }

    .nav__toggle{
        top: 5%;
    }
    
    #menu_languages_mobile{
        top: 5%;
    }

    .language a{
        font-size: max(0.8vw, 13px);
    }

    #ws_info_text_subcontainer ul{
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 20px;
    }

    #ws_container{
        width: 100%;
        height: auto;
        padding: 30px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #ws{
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        justify-content: center;
        font-family: 'Montserrat', sans-serif;
    }

    #ws_image_container{
        width: 100%;
        margin-top: 20%;
        height: clamp(420px, 40vh, 1000px);
    }

    #ws_info_container{
        height: auto;
    }

    #ws_info_title_subcontainer{
        display: flex;
        flex-direction: column;
        width: 100%;
    
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(68, 68, 68);
    }

    #ws_info_title_subcontainer h2{
        margin: 0;
        font-weight: 300;
        font-size: 20px;
        color: rgb(100, 100, 100);
    }
    
    #ws_info_title_subcontainer h1{
        margin: 0;
        font-weight: 300;
        font-size: 20px;
    }

    #ws_quote_text{
        margin-top: 15%;
    }

    #ws_quote_text h4{
        font-family: 'EB Garamond', serif;
        font-style: italic;
        font-size: 24px;
        font-weight: 100;
        margin-top: 10%;
    }

    #ws_info_text{
        line-height: 4vw;
        font-size: 15px;
        font-weight: 300;
    }

    #ws_info_text ul{
        display: flex;
        flex-direction: column;
    }

    #ws_info_text ul li{
        margin-top: 3%;
    }

    #cabinet_left_subcontainer{
        width: 100%;
        height: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #cabinet_text_title_container{
        display: flex;
        align-items: center;
        justify-content: center;
    }


    #cabinet_text_container{
        position: unset;
        width: 350px;
        height: fit-content;
        margin-top: 100px;
        line-height: 6vw;
    }

    #cabinet_main_text{
        width: 100%;
        font-size: 15px;
        line-height: 20px;
    }

    #cabinet_time{
        position: unset;
        margin-top: 80px;
    }

    #cabinet_title_subcontainer h2{
        font-size: 20px;
    }
    
    #cabinet_title_subcontainer h1{
        font-size: 20px;
    }

    #cabinet_time_upper_subcontainer h2{
        font-size: 17px;
    }

    #cabinet_left_container{
        width: 100%;
        height: 700px;

        background-image:url('/v2/ressources/images/logo_WS_2021_corner_ld.jpg');
        background-position: left -250px bottom 0;
        background-size: 500px;
        background-repeat: no-repeat;
    }

    #cabinet_time_lower_subcontainer{
        grid-template-rows: 40px 30px 30px;
    }

    #cabinet_time_information{
        bottom: -35px;
        font-size: 15px;
    }

    #cabinet_time_container{
        width: 250px;
    }

    #days{
        font-size: 13px;
    }
    
    #morning{
        font-size: 13px;
    }
    
    #afternoon{
        font-size: 13px;
    }
    
    .hours{
        font-size: 13px;
    }

    #cabinet_time_upper_subcontainer h2{
        margin: 0;
        margin-bottom: 20px;
    }

    #cabinet_link_wrapper{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #competence{
        background-size: 200px;
    }

    #competence_wrapper{
        width: 90%;
        padding: 0;
    }
    
    #competence_container{
        width: 80%;
        height: auto;
        margin: auto;
        box-sizing: border-box;
    
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        column-gap: 50px;
        row-gap: 10px;
    }

    #competence_title_container h1{
        margin: 0;
        font-weight: 400;
        font-size: 20px;
    }

    #competence_link_wrapper{
        width: 100%;
        margin-top: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #competence_container p{
        font-size: 15px;
    }
    

    #collaborations_logos_container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    #collaborations_title_container h3{
        margin-left: 20px;
        margin-right: 20px;
        font-size: 15px;
    }

    .collaboration_logo_container{
        justify-self: center;
    }

    #collaborations_title_container h3{
        text-align: center;
    }

    #contact_image_container{
        display: none;
    }

    #contact_info{
        width: 80%;
    }

    #chirurgie_wrapper{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
        padding-top: 25vh;
        padding-bottom: 10%;
    
        font-family: 'Montserrat', sans-serif;
    }

    #chirurgie_title_container{
        width: 70%;
        margin: auto;
        margin-bottom: 10vh;
    }

    #chirurgie_container{
        width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
    }

    #cv_title_container h1, h2{
        font-size: 20px;
    }

    #cv_main_container{
        padding-top: 20vh;
    }

    #cv_intro_image{
        width: 80vw;
        height: 280px;
    }

    #cv_intro{
        width: 100%;
        padding-top: 5vh;
    }

    #cv_intro_text{
        width: 90%;
    }

    #cv_text_container{
        width: 100%;
    }    

    #cv_title_container h1{
        font-size: 6vw;
        color: rgb(0, 0, 0);
        font-weight: 300;
        box-sizing: border-box;
        text-align: center;
        padding-top: 5%;
    }
    
    #cv_title_container h2{
        font-size: 4vw;
        color: rgb(32,32,32);
        font-weight: 300;
        text-align: center;
    }
    
    #cv_title_container h3{
        text-align: left;
        font-size: 2vw;
        margin: 0;
    }
}