.news-cards {
    background: var(--beige);
}

.news-cards__heading {
    font-size: 35px;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 400;
    color: var(--font-gray);
    line-height: 1.2em;
    font-family: "Libre Baskerville", serif;
    text-transform: capitalize;
    text-decoration: none;
}

.news-cards__heading {
    margin: 0 0 15px;
}

.news-card__image {
    aspect-ratio: 2 / 1.7;
    margin: 0 0 15px;
}

.news-card__text h3 {
    font-size: 20px;
    font-weight: 400;
    color: var(--font-gray);
    margin: 0;
}

.news-cards .row {
    gap: 34px 0;
    --bs-gutter-x: 34px;
}


@media(min-width: 768px) {
    .news-cards__heading {
        font-size: 40px;
    }

    .news-cards__heading {
        margin: 0 0 25px;
    }

    .news-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 34px 0;
    }

    .news-card__image {
        width: 315px;
        margin: 0;
        aspect-ratio: 2 / 1.43;
    }

    .news-card__text {
        width: calc(100% - 315px);
        padding: 0 28px 0 34px;
    }

    .news-card-item {
        width: 100%;
    }

    .news-cards .row {
        gap: 35px 0;
        --bs-gutter-x: 34px;
    }
}

@media(min-width: 1200px) {
    .news-card__text h3 {
        font-size: 24px;
    }

    .news-card__image {
        width: 285px;
        aspect-ratio: 2 / 1.54;
    }

    .news-card {
        gap: 34px;
    }

    .news-card__text {
        width: calc(100% - 319px);
        padding: 0;
    }

    .news-cards .row {
        gap: 45px 0;
        --bs-gutter-x: 34px;
    }

    .news-cards__heading {
        font-size: 60px;
    }

    .news-cards__heading {
        margin: 0 0 40px;
    }

    .news-cards__heading a:hover,
    .news-card--link:hover .news-card__text h3 {
        color: var(--brown);
    }
}

@media(min-width: 1600px) {
    .news-card__image {
        width: 424px;
        aspect-ratio: 2 / 1.3;
    }

    .news-card__text {
        width: calc(100% - 456px);
        padding: 0 44px 0 0;
    }

    .news-card {
        gap: 32px;
    }

    .news-cards .row {
        gap: 50px 0;
        --bs-gutter-x: 40px;
    }

    .news-card__text h3 {
        font-size: 30px;
        line-height: 1.266em;
    }

    .news-cards__heading {
        font-size: 78px;
    }


}