.news {
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .news {
        margin-bottom: 80px
    }
}

.news__head {
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .news__head {
        margin-bottom: 40px
    }
}

.news__label {
    color: var(--primary)
}

.news__title {
    color: var(--black)
}

.news__highlight {
    margin-bottom: 20px
}

.news__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr);
    gap: 20px 10px
}

@media (min-width: 576px) {
    .news__cards {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1200px) {
    .news__highlight {
        margin-bottom: 40px
    }

    .news__highlight-card {
        border-radius: 28px;
        padding: 39px;
        min-height: 500px
    }

    .news__highlight-card .article-card__name {
        font-size: var(--text-size-48);
        line-height: 1.16
    }

    .news__highlight-card .article-card__date, .news__highlight-card .article-card__text {
        font-size: var(--text-size-20);
        line-height: var(--lh-sm)
    }

    .news__cards {
        gap: 40px 20px
    }
}