

.realitatea-ultimele-stiri-big-news {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 0.17fr 0.4fr 1fr 0.17fr 0.4fr .05fr;
    grid-template-areas: "big-1-image"
                         "big-1-section"
                         "big-1-title"
                         "big-2-image"
                         "big-2-section"
                         "big-2-title"
                         "big-2-hr";
    grid-column-gap: 0;
    margin: 0;
}

.realitatea-ultimele-stiri-big-news > hr:nth-of-type(2) {
    grid-area: big-2-hr;
    display: block;
    width: calc(100% - 2 * var(--mobile-margin-width));
    border-top: .1vh solid var(--realitatea-muted-text);
    margin: 3vh var(--mobile-margin-width);
}

.realitatea-ultimele-stiri-big-news article:nth-of-type(1) .article-box-image{
    grid-area: big-1-image;
}

.realitatea-ultimele-stiri-big-news article:nth-of-type(2) .article-box-image {
    grid-area: big-2-image;
}

.realitatea-ultimele-stiri-big-news .article-box-section {
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
}

.realitatea-ultimele-stiri-big-news article:nth-of-type(1) .article-box-section {
    grid-area: big-1-section;
}

.realitatea-ultimele-stiri-big-news article:nth-of-type(2) .article-box-section {
    grid-area: big-2-section;
}

.realitatea-ultimele-stiri-big-news .article-box-title {
    margin: 1.2vh var(--mobile-margin-width) 4vh;
}

.realitatea-ultimele-stiri-big-news article:nth-of-type(1) .article-box-title {
    grid-area: big-1-title;
}

.realitatea-ultimele-stiri-big-news article:nth-of-type(2) .article-box-title {
    grid-area: big-2-title;
    margin-bottom: 0;
}

.realitatea-ultimele-stiri-big-news .article-box-description {
    display: none;
}

@media only screen and (min-width: 992px) {
    .realitatea-ultimele-stiri-big-news {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 0.1fr);
        grid-template-areas: none;
        grid-column-gap: 3vw;
        margin: 9.2vh var(--margin-width) 7.5vh;
    }

    .realitatea-ultimele-stiri-big-news > hr:nth-of-type(2) {
        display: none;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(1) .article-box-image{
        grid-area: 1 / 1 / 2 / 2;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(2) .article-box-image {
        grid-area: 1 / 2 / 2 / 3;
    }

    .realitatea-ultimele-stiri-big-news .article-box-section {
        margin-left: 0;
        margin-right: 0;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(1) .article-box-section {
        grid-area: 2 / 1 / 3 / 2;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(2) .article-box-section {
        grid-area: 2 / 2 / 3 / 3;
    }

    .realitatea-ultimele-stiri-big-news .article-box-title {
        margin: 1vh 0 0;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(1) .article-box-title {
        grid-area: 3 / 1 / 4 / 2;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(2) .article-box-title {
        grid-area: 3 / 2 / 4 / 3;
    }

    .realitatea-ultimele-stiri-big-news .article-box-description {
        display: block;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(1) .article-box-description {
        grid-area: 4 / 1 / 5 / 2;
    }

    .realitatea-ultimele-stiri-big-news article:nth-of-type(2) .article-box-description {
        grid-area: 4 / 2 / 5 / 3;
    }
}


@media only screen and (min-width: 1366px) {
    .realitatea-ultimele-stiri-big-news {
        margin-left: calc(calc((100vw - 989px) / 2));
        margin-right: calc(calc((100vw - 989px) / 2));
        max-width: 989px;
    }
}

@media only screen and (min-width: 1920px) {
    .realitatea-ultimele-stiri-big-news {
        margin-left: calc(calc((100vw - 1390px) / 2));
        margin-right: calc(calc((100vw - 1390px) / 2));
        max-width: 1390px;
    }
}

@media only screen and (min-width: 3840px) {
    .realitatea-ultimele-stiri-big-news {
        margin-left: calc(calc((100vw - 2780px) / 2));
        margin-right: calc(calc((100vw - 2780px) / 2));
        max-width: 2780px;
    }
}


