/* Mobile */

.articles-page__header {
    display: none;
}

.articles-page__featured {
    margin-bottom: 4rem;
}

.articles-page__item,
.articles-page__featured__item  {
    grid-column: 1/-1;
}

.articles-page article {
    margin-bottom: 2rem;
}

.articles-page__mobile > div {
    margin-top: 1rem;
}

.articles-page__desktop {
    display: none;
}


/* Tablet */
@media only screen and (min-width: 475px) {

    .articles-page__featured {
        margin-bottom: 1rem;
    }
    .articles-page__featured__item {
        grid-column: span 4;
    }

    .articles-page__mobile {
        display: none;
    }

    .articles-page__desktop {
        display: block;
    }

    .articles-page__desktop > h2{
        margin-bottom: 1rem;
    }

    .articles-page__item {
        grid-column: span 2;
    }
}

/* Desktop */
@media only screen and (min-width: 1024px) {

    .articles-page__header {
        display: block;
        margin-bottom: 1rem;
    }

    .articles-page article {
        margin-bottom: unset;
    }

    .articles-page__featured {
        margin-bottom: 4rem;
    }

    .articles-page__item {
        grid-column: span 3;
    }  
    .articles-page__featured__item {
        grid-column: span 6;
    }
}

/* Desktop Large */
@media only screen and (min-width: 1440px) {

}