.article-section {
    width: 40vw;
    margin: 10vh 30vw 5vh 30vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.article-img {
    margin-bottom: 0.5vh;
    width: 100%;
    height:auto;
}

.article-date {
    margin-bottom: 2vh;
    font-family:"JosefinSans-Regular";
}

.article-section > .paragraph {
    margin-bottom: 2vh;
}

/* ECRAN 2K */
@media screen and (min-width: 2500px) and (min-height: 1400px) {
    .article-date {
        margin-bottom: 2vh;
        font-size: 1.5rem;
        font-family:"JosefinSans-Regular";
    }
}

/* ECRAN 4K */
@media screen and (min-width: 3500px) and (min-height: 2000px) {
    .article-date {
        margin-bottom: 1.75vh;
        font-size: 2rem;
        font-family:"JosefinSans-Regular";
    }
}

/* ECRAN +1920x1080 */
@media screen and (max-width: 1920px) and (max-height: 1080px) {

}

/* ECRAN 17 pouces large */
@media screen and (max-width: 1680px) and (max-height: 1100px) {

}

/* ECRAN 13 à 15 pouces standard */
@media screen and (max-width: 1400px) and (max-height: 1050px) {
    .article-section {
        width: 50vw;
        margin: 10vh 25vw 5vh 25vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}


/* TRES GRAND MOBILE 1050x1370 */
@media screen and (max-width: 1050px ) and (max-height: 1370px ) {
    .article-section {
        width: 70vw;
        margin: 5vh 15vw 5vh 15vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

/* GRAND MOBILE 500x900 */
@media screen and (max-width: 500px ) and (max-height: 1000px ) {
    .article-section {
        width: 80vw;
        margin: 5vh 10vw 5vh 10vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

/* MOYEN petit 700 */
@media screen and (max-width: 400px ) and (max-height: 750px ) {

}