/* Start Story PARTS */
@media (max-width: 859px) {
    .story-container{
        padding-top: 5vw;
        background-color: #e3c1a6;
        background-image: url('assets/media/img/Deco/quadrillage.jpg');
        background-size: cover;
        background-position: bottom center;
        width: 100%;
        height: 100%;
        max-height: 100vh;
    }

    .story-container .story-div-level-1{
        display: flex;
        width: 90%;
        margin: 0 auto;
    }
    .story-div-level-1 .img-left-story-container{
        display: none;
    }
    .story-div-level-1 .img-left-story-container img{
        border-radius: 5px;
        width: 100%;
    }
    .story-div-level-1 .story-div-level-2{
        width: 100%;
    }
    .story-div-level-1 .story-div-level-2 h2{
        text-align: center;
        padding-bottom: 50px;
    }
    .story-div-level-1 .story-div-level-2 .text-story{
        width: 100%;
        color: #997253;
        font-weight: bolder;
        font-size: calc(1rem + 0.4vw);
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3{
        display: flex;
        margin-top: 50px;
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3 h3{
        width: 100%;
        text-align: center;
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3 .story-link{
        width: 100%;
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3 .story-link .Loupe-Localisation{
        width: 100%;
        cursor: zoom-in;
    }
}
@media (min-width: 860px) { 
    .story-container{
        padding-top: 5vw;
        background-color: #e3c1a6;
        background-image: url('../media/img/Deco/quadrillage.jpg');
        background-size: cover;
        background-position: bottom center;
        width: 100%;
        height: 100%;
        max-height: 100vh;
    }
    .story-container .story-div-level-1{
        display: flex;
        width: 68%;
        margin: 0 auto;
    }
    .story-div-level-1 .img-left-story-container{
        width: 30%;
    }
    .story-div-level-1 .img-left-story-container img{
        border-radius: 5px;
        width: 100%;
    }
    .story-div-level-1 .story-div-level-2{
        width: 60%;
        padding: 0 5%;
    }
    .story-div-level-1 .story-div-level-2 h2{
        text-align: center;
        padding-bottom: 50px;
    }
    .story-div-level-1 .story-div-level-2 .text-story{
        width: 50%;
        color: #997253;
        font-weight: bolder;
        font-size: calc(1rem + 0.4vw);
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3{
        display: flex;
        flex-direction: row;
        margin-top: 50px;
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3 h3{
        width: 50%;
        text-align: center;
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3 .story-link{
        width: 50%;
    }
    .story-div-level-1 .story-div-level-2 .story-div-level-3 .story-link .Loupe-Localisation{
        width: 100%;
        cursor: zoom-in;
    }
}
/* End Story PARTS */