/* RESPONSIVE */
/* 
@media screen and (max-width: 1840px){
    .oeuvres_grid {
        grid-template-columns: repeat(2, 1fr);
    }
} */

@media screen and (max-width: 1240px){
    .oeuvres_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ############################################ */
@media screen and (max-width: 840px){
    .section2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .oeuvres_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /* div.container, div{
        display: block;
    } */

    .container{
        width: 95%;
        margin: auto;
    }

    .flex_oeuvre {
        flex-direction: column;
    }

    ul{
        padding: 0px 0;
    }

    #header_flex {
        display: flex;
        justify-content: space-around;
        position: relative;
    }

    .menu{
        display: flex;
        flex-direction: column;
    }


    #menu a{
        display: block;
    }
    #menu a:hover{
        background-color: #333;
        border-bottom: none;

    }

    #menu li, #sosmed li{
        padding: 5px 0;
    }

    #menu li{
        border-bottom: 1px solid #333;
    }

    #menu-sous_menu {
        flex-direction: row;
    }

    .sous_menu li a {
        padding: 0;
        font-size: 0.8rem;
    }

    #logo h1{
    text-align: right;
    }
   

    #burger-menu{
        z-index: 1000;
        padding-left: 10vw;
        height: 35px;
        top: 40px;
        cursor: pointer;
        position: sticky;
    }
    
    .bars{
        background: #fff;
        width: 35px;
        height: 5px;
        display: block;
        margin-bottom: 4px;
    }

    div#menu{
        display: none;
    }

    div#menu.open-menu{
        display: block;
    }


    /* .header_haut {
        padding: 3vh 0;
        height: 132vh;
    } */
    .header_img{
        width:24vh;
    }

    .header_text {
        position: relative;
        top: 0;
        left: 0;
    }

    .header_text p {
        display: block;
        font-size: 1rem;
    }


    .btn_news{
        text-align: center;
    }

    .expo {
        flex-direction: column;
    }


    .expo_card1 {
        max-width: 80%;
    }
    .expo_card2 {
        max-width: 80%;
    }

    /************************All oeuvre***********************************/

    .card_all{
        min-width: auto;
    }

    .taxonomy_all{
        grid-template-columns: repeat(1, 1fr);
    }



    /*************************single oeuvre*****************************/

    .single_text{
        width: 100%;
        padding-top: 5vh;
    }

    .image_oeuvre{
        margin: auto;
        width: 90%;
    }

    
    .flex_taxo__single{
        grid-template-columns: repeat(1, 1fr);
    }

    .description_oeuvre p{
        font-size: 1rem;
    }



/*******************************Oeuvre taxo***************************/

.oeuvres_taxo{
    width: 70%;
    margin: 2vh auto;
}

    /*******************************contact***************************/

#wpforms-125-field_0,
#wpforms-125-field_1,
#wpforms-125-field_4,
#wpforms-125-field_5,
#wpforms-125-field_2 {
    width: 70vw;
}



    /*******************************footer***************************/

    .pro{
        width: 20%;
    }

}