.articles-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;

}

.articles-grid .article-card:first-child {
    display: none;
}

.articles-grid .about-us__outer {
    padding: 0;
    margin: 0;
    grid-column: 1/3;
    grid-row: 3;
}

.articles-grid .about-us {
    margin: 30px 0;
}

@media screen and (max-width: 1020px) {
    .articles-grid .article-card:first-child {
        display: flex;
    }
}

@media screen and (max-width: 980px) {
    .articles-grid {
        gap: 16px 12px;
    }

    .articles-grid .about-us {
        margin: 28px 0;
    }
}

@media screen and (max-width: 650px) {
    .articles-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .articles-grid .about-us__outer {
        grid-column: 1;
        grid-row: 5;
        margin-left: calc(-1 * var(--page-margin));
        width: calc(100% + (var(--page-margin) * 2));
    }
}