.article_mainTitle_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.article_mainTitle_container > h1 {
    text-align: center;
    font-size: clamp(40px, 4vw, 61px);
    color: #349947;
    font-weight: bolder;
}

.article_mainTitle_textContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 5vw;
    font-size: 1vw;
    justify-content: center;
    align-items: center;
}

.article_mainTitle_textContainer > p {
    margin: 1rem 0;
}

.article_cinqProblemes {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    color: #5d5d5d;
    height: inherit;
}

.article_scrollBlock {
    box-sizing: border-box;
    scroll-snap-align: start;
    width: 100vw;
    height: 86vh
}

.article_viewportBlock {
    width: 97vw;
    height: 86vh;
    min-width: 97vw;
}

.article_viewportBlock.center  {
    display: flex;
    justify-content: center;
    align-items: center;
}

.article_viewportBlock.hidden  {
    display: none !important;
}


.article_scrollBlock > * {
    box-sizing: inherit;
}

.article_scrollBlock_content {
    display: flex;
    flex-direction: row;
    padding: 4vw;
    width: 100%;
    height: 100%;
}

.article_scrollBlock_middleMargin {
    width: 4vw;
}

.article_imageBlock {
    display: flex;
    max-height: 86vh;
    justify-content: center;
    align-items: center;
    flex-basis: 40%;
    flex-grow: 1;
}

.article_textContent {
    display: flex;
    flex-direction: column;
    color: #5d5d5d;
    margin: auto;
    font-size: clamp(3px, 2vh, 20px);
    flex-grow: 2;
    flex-basis: 60%;
}

.article_textContent_bigTitle {
    font-size: clamp(23px, 3vw, 80px);
    margin-bottom: 1vh;
    color: #349947;
    font-weight: bolder;
}

.article_textContent_middleTitle {
    font-size: clamp(20px, 2vw, 60px);
    color: #349947;
    margin: 1vh 0;
    font-weight: bolder;
}

.article_textContent_p {
    display: flex;
    margin: 1vh 0;
    justify-content: center;
    align-items: center;
}


@-moz-document url-prefix() {

}

.article_imageBlock img {
    width: auto;
    max-height: 100%;
    margin: auto;
}

/* Smartphones */
@media (max-width: 575.98px) {
    /*.article_mainTitle_container > h1 {*/
    /*    font-size: 7vw;*/
    /*}*/

    .article_mainTitle_textContainer {
        font-size: 4vw;
    }

    .article_scrollBlock {
        margin: 0;
    }

    .article_scrollBlock_content {
        flex-direction: column;
    }

    .article_imageBlock {
        width: 100%;
        height: 20rem;
        display: none;
    }

    .article_imageBlock img {
        max-width: 100%;
        height: auto;
    }

    .article_textContent {
        font-size: clamp(10px, 2vh, 12px);
        padding: 0;
    }
}

/* Tablets */
@media (max-width: 991.98px) {
    .article_imageBlock {
        max-height: 86vh;
        max-width: 50%;
    }

    .article_viewportBlock {
        flex-direction: column;
        height: unset;
        width: unset;
    }
}