/* HIDE */
.article-page--anchorsM {
    display: none;
}

.article-page--main {
    grid-column: 3/-3;
}

.article-page--main > article {
    margin-top: 8.85rem;
}


/* TABLET */
@media only screen and (max-width: 900px) {
    .article-page--main {
        grid-column: 3/-1;
    }

}

/* MOBILE */
@media only screen and (max-width: 425px) {
    .article-page {
        padding: 0 1rem 50vh;
    }

    .article-page aside {
        background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);
    }

    .article-page--anchorsD {
        display: none;
    }

    .article-page--anchorsM {
        display: block;
    }

    .article-page--main {
        grid-column: 1/-1;
    }

    .article-page--main > article {
        margin-top: 0;
    }

}