body {
    font-family: 'Bw Nista Grot Rg', sans-serif;
    height:      100%;
    width:       100vw;
    overflow-x:  hidden;
}

h3.titre {
    font-size: 10vw;
    font-family: "Bw Nista Grot Bk", sans-serif;


}

/* STRUCTURE
***************************************************************************************************/
#wrapper {
    width: 90vw;
    margin: 0 auto;
}


._grid._item {
    /*background: #f0f0f0;*/
    padding: 10px;
    border-radius: 10px;
    margin: 10px 10px 0 0;
    aspect-ratio: 1/1;
}

._grid._item .title-container {

    height: 100%;
    overflow: hidden;
}

._grid._item .titre{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*display: none;*/

}

._grid._item h3, ._grid._item h4, ._grid._item h5 {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1em;
    font-family: "Bw Nista Grot Bk", sans-serif;
}

._grid._item h3 {
    position: relative;
    left: -100%;
    transition: .5s left cubic-bezier(.6,.07,.38,1.42);;
}

._grid._item .visuel {

    transition: transform 0.5s cubic-bezier(.6,.07,.38,1.42);

}

._grid._item:hover .visuel {
transform: scale(1.1);
}

._grid._item .titre:hover h3 {
    left: 0;
}

._grid._item h5 {
    position: relative;
    left: 100%;
    transition: .5s left cubic-bezier(.6,.07,.38,1.42);;
}

._grid._item .titre:hover h5 {
    left:  0;
}

    /* FILTERS
    ***************************************************************************************************/

._filter_input_toggle a {
    margin: 4px 4px 4px 0;
    padding: .2em .5em;
    border-radius: 100px;
    background: #f0f0f0;
    border:2px solid black;
    color:black;
    text-decoration: none;
}

._filter_input_toggle a.selected {
    background: black;
    color: white;
}