#c-content .grid.gc-3.article-list {
    column-gap: 3rem;
    row-gap: 3rem;
}

.article-list .item {
}

.article-list .item .image {
    margin-bottom: 1rem;
}

.article-list .item .image img {
    display: block;
    margin: 0 auto;
    border-radius: 3px;
}

.article-list .item .date {
    padding: 0 1rem;
    color: #777;
}

.article-list .item .title {
    padding: 0 1rem;
}

.article-list .item .title a {
    font-weight: 500;
    color: #121523 !important;
}


@media only screen and (max-width: 780px) {
    #c-content .grid.gc-3.article-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 450px) {
    #c-content .grid.gc-3.article-list {
        grid-template-columns: 1fr;
    }

    .article-list .item .image img {
    }
}