.realitatea-news-latest-articles {
    display: block;
    margin: 9.2vh 0 7.5vh;
}

.realitatea-news-latest-articles .realitatea-hr-after-article {
    display: block;
    border-top: .1vh solid var(--realitatea-muted-text);
    width: calc(100% - 2* var(--mobile-margin-width));
    margin: 1.2vh var(--mobile-margin-width);
}

.realitatea-news-latest-articles .realitatea-hr-after-article:nth-of-type(10) {
    display: none;
}

.realitatea-news-latest-articles > article:nth-of-type(1) {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.7fr 0.7fr;
    grid-template-areas: "big-1-image"
                         "big-1-section";
    grid-column-gap: 0;
    margin: 0;
}

.realitatea-news-latest-articles > article:nth-of-type(1) > div:nth-of-type(1) {
    grid-area: big-1-image;
    margin: 0;
}

.realitatea-news-latest-articles > article:nth-of-type(1) > div:nth-of-type(2) {
    grid-area: big-1-section;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: .17fr .4fr .05fr;
    grid-template-areas: "text-1-section"
                         "text-1-title"
                         "text-1-description";
    grid-column-gap: 0;
    margin: 0 var(--mobile-margin-width);
}

.realitatea-news-latest-articles > article:nth-of-type(1) > div:nth-of-type(2) > div.article-box-section {
    grid-area: text-1-section;
}

.realitatea-news-latest-articles > article:nth-of-type(1) > div:nth-of-type(2) > div.article-box-title {
    grid-area: text-1-title;
}

.realitatea-news-latest-articles > article:nth-of-type(1) > div:nth-of-type(2) > div.article-box-description {
    grid-area: text-1-description;
}
/*end first article*/

.realitatea-news-latest-articles > article:nth-of-type(2),
.realitatea-news-latest-articles > article:nth-of-type(3),
.realitatea-news-latest-articles > article:nth-of-type(4),
.realitatea-news-latest-articles > article:nth-of-type(5),
.realitatea-news-latest-articles > article:nth-of-type(6),
.realitatea-news-latest-articles > article:nth-of-type(7),
.realitatea-news-latest-articles > article:nth-of-type(8),
.realitatea-news-latest-articles > article:nth-of-type(9) {
    display: grid;
    /*grid-template-rows: 0.5fr 1fr 1fr;*/
    grid-template-rows: repeat(3, auto);
    grid-template-columns: 1fr;
    /*grid-template-columns: 6fr 0.5fr 4fr;*/
/*    grid-template-areas:*/
/*        "article-section  . article-image"*/
/*        "article-title    . article-image"*/
/*        "article-title    . article-image"*/
/*;*/
    grid-template-areas:
            "article-image"
            "article-section"
            "article-title"
;
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin: 0 var(--mobile-margin-width);
    width: calc(100% - 2 * var(--mobile-margin-width));
}

.realitatea-news-latest-articles > article:not(:first-child):not(:nth-of-type(10)) > div.article-box-image {
    grid-area: article-image;
}

.realitatea-news-latest-articles > article:not(:first-child):not(:nth-of-type(10)) > div.article-box-section {
    grid-area: article-section;
    /*margin: 0;*/
}

.realitatea-news-latest-articles > article:not(:first-child):not(:nth-of-type(10)) > div.article-box-title {
    grid-area: article-title;
}

.realitatea-news-latest-articles > article:not(:first-child):not(:nth-of-type(10)) > hr.realitatea-hr-after-article {
    grid-area: article-hr;
}
/*    end the small articles*/

.realitatea-news-latest-articles > article:nth-of-type(10) {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 0.1fr 0.3fr 0.3fr;
    grid-template-areas: "big-2-image"
                         "big-2-section"
                         "big-2-title"
                         "big-2-description";
    grid-column-gap: 0;
    margin: 0;
    width: 100%;
}

.realitatea-news-latest-articles > article:nth-of-type(10) > div.article-box-image {
    grid-area: big-2-image;
}

.realitatea-news-latest-articles > article:nth-of-type(10) > div.article-box-section {
    grid-area: big-2-section;
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
}

.realitatea-news-latest-articles > article:nth-of-type(10) > div.article-box-title {
    grid-area: big-2-title;
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
}

.realitatea-news-latest-articles > article:nth-of-type(10) > div.article-box-description {
    grid-area: big-2-description;
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
}

@media only screen and (min-width: 992px) {
    .realitatea-news-latest-articles {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) var(--realitatea-margin-fr);
        grid-template-rows: 35.28vw 0.5fr repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin-left: var(--margin-width);
        margin-top: 9.2vh;
        margin-bottom: 7.5vh;
    }

    .realitatea-news-latest-articles .realitatea-hr-after-article {
        display: none;
    }

    .realitatea-news-latest-articles > article:nth-of-type(1) {
        display: contents;
    }

    .realitatea-news-latest-articles > article:nth-of-type(1) > div.article-box-image {
        grid-area: 1 / 1 / 2 / 3;
        margin-right: 1vw;
    }

    .realitatea-news-latest-articles > article:nth-of-type(1) > div:nth-child(2) {
        grid-area: 2 / 1 / 3 / 3;
        margin: 0;
    }

    .realitatea-news-latest-articles > article:not(:first-child):not(:nth-of-type(10)) > div.article-box-section {
        margin: 1.7vh 0 0;
    }

    .realitatea-news-latest-articles > article:nth-of-type(2),
    .realitatea-news-latest-articles > article:nth-of-type(3),
    .realitatea-news-latest-articles > article:nth-of-type(4),
    .realitatea-news-latest-articles > article:nth-of-type(5),
    .realitatea-news-latest-articles > article:nth-of-type(6),
    .realitatea-news-latest-articles > article:nth-of-type(7),
    .realitatea-news-latest-articles > article:nth-of-type(8),
    .realitatea-news-latest-articles > article:nth-of-type(9) {
        display: grid;
        grid-template-rows: .4fr .1fr .3fr;
        grid-template-columns: 1fr;
        grid-template-areas:
        "article-image"
        "article-section"
        "article-title";
    }

    .realitatea-news-latest-articles > article:nth-of-type(2) {
        grid-area: 1 / 3 / 2 / 4;
        margin-left: 2vw;
        margin-right: 0;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > div:nth-of-type(1) {
        grid-area: 2 / 3 / 3 / 4;
        margin-left: 2vw;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(3) {
        grid-area: 3 / 1 / 4 / 2;
        margin-right: 2vw;
        margin-left: 0;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(4) {
        grid-area: 3 / 2 / 4 / 3;
        margin-left: 1vw;
        margin-right: 1vw;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(5) {
        grid-area: 3 / 3 / 4 / 4;
        margin-left: 2vw;
        margin-right: 0;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(6) {
        grid-area: 4 / 1 / 5 / 2;
        margin-right: 2vw;
        margin-left: 0;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > div:nth-of-type(2) {
        grid-area: 4 / 2 / 5 / 3;
        margin-left: 1vw;
        margin-right: 1vw;
        margin-top: 5vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        self-align: center;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(7) {
        grid-area: 4 / 3 / 5 / 4;
        margin-left: 2vw;
        margin-right: 0;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(8) {
        grid-area: 5 / 1 / 6 / 2;
        margin-right: 2vw;
        margin-left: 0;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(9) {
        grid-area: 6 / 1 / 7 / 2;
        margin-right: 2vw;
        margin-left: 0;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(10) {
        grid-area: 5 / 2 / 7 / 4;
        grid-template-rows: 1fr .1fr .2fr .3fr;
        margin-left: 2vw;
        margin-top: 5vh;
        width: calc(100% - 2vw);
    }

    .realitatea-news-latest-articles > article:nth-of-type(10) > div.article-box-section {
        margin-left: 0;
        margin-right: 0;
    }

    .realitatea-news-latest-articles > article:nth-of-type(10) > div.article-box-title {
        margin-left: 0;
        margin-right: 0;
    }

    .realitatea-news-latest-articles > article:nth-of-type(10) > div.article-box-description {
        margin-left: 0;
        margin-right: 0;
    }

    .realitatea-news-latest-articles .realitatea-big-news-box-section {
        margin-top: 3vh;
    }
}

@media only screen and (min-width: 1366px) {
    .realitatea-news-latest-articles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: auto 0.5fr repeat(4, 1fr);
        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-news-latest-articles {
        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-news-latest-articles {
        margin-left: calc(calc((100vw - 2780px) / 2));
        margin-right: calc(calc((100vw - 2780px) / 2));
        max-width: 2780px;
    }
}