.section-footer {
    justify-content: center;
}

.article-card {
    flex: 0 0 calc((100% - 3 * var(--section-content-gap)) / 4) !important;
}


@media (max-width: 1300px) {
    .article-card {
        flex: 0 0 calc((100% - 2 * var(--section-content-gap)) / 3) !important;
    }

}

@media (max-width: 992px) {
    .article-card {
        flex: 0 0 calc((100% - 1 * var(--section-content-gap)) / 2) !important;
    }
}

@media (max-width: 578px) {
    .article-card {
        flex: 0 0 calc((100% - 0 * var(--section-content-gap)) / 1) !important;
    }
}