.articles {
    padding: 60px 40px 40px;
}

.article_box > * {
    margin-bottom: 32px;
}

.articles p {
    margin-left: 2px;
}
.articles a {
    color: var(--orange);
}

.text_img {
    width: 100%;

    aspect-ratio: 16 / 9;
    object-fit: cover;

    border-radius: var(--radius-s);
}

/* ------------------------------------------------------ Mobile horizontal --------------------------- */
@media (orientation: landscape) and (max-height: 500px) {
    .articles {
        padding: 60px 120px 40px;
    }

    .text_img {
        width: 72%;
        margin-left: 14%;
    }
}

/* -------------------------------------------------- TABLET -------------------------------------- */
@media (min-width: 768px) {
    .articles {
        padding: 60px 8% 40px;
    }

    .article_box > *:not(:first-child) {
        margin-bottom: 48px;
    }

    .text_img {
        width: 72%;
        margin-left: 14%;
    }
}

/* -------------------------------------------------- NOTEBOOK ------------------------------------ */
@media (min-width: 1024px) {
    .articles {
        padding: 60px 12% 40px;
    }
}

/* ---------------------------------------------------- DELL --------------------------------------- */
@media (min-width: 1200px) {
    .articles {
        padding: 60px 12% 40px;
    }

    .articles h3 {
        text-align: center;
    }

    .text_img {
        width: 56%;
        margin-left: 22%;
        margin-bottom: 80px;
    }
}


/* ----------------------------------------------------- Standard Display ----------------------------- */
@media (min-width: 1440px) {
    .articles {
        padding: 60px 18% 40px;
    }
}