/* @group Article Header Centered
------------------------------------ */
.article-with-header-centered { color: var(--text-grey); }
.article-with-header-centered a,
.article-with-header-centered .link-circle { color: var(--text-grey); }
.article-with-header-centered .link-circle svg { stroke: var(--text-grey); }
.article-with-header-centered .img-box { height: 40rem; }
.article-with-header-centered header { margin-top: -14rem; }
.article-with-header-centered h2 { position: relative; }
.article-with-header-centered p { font-size: 2em; line-height: 1.600em; }
.article-with-header-centered.ver-2 p:first-child { font-size: 2.4em; line-height: 1.5em; margin: 0 0 1.5em; }
@media only screen
and (min-width : 961px) {
    .article-with-header-centered .img-box { height: 55rem; }
    .article-with-header-centered h2 { margin: 0 0 4rem; }
    .article-with-header-centered.ver-2 p { max-width: 50.2rem; margin: 0 auto; }
    .article-with-header-centered.ver-2 p:first-child { max-width: none; margin: 0 -4rem 1.5em; width: calc(100% + 8rem); }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
    .article-with-header-centered aside { padding: 0; }
}
@media only screen
and (min-width : 1920px) {
    .article-with-header-centered .img-box { height: 65.8rem; }
    .article-with-header-centered h2 { top: -2rem; margin: 0 0 2rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .article-with-header-centered header { margin-top: -7rem; }
    .article-with-header-centered h2 { font-size: 7em; letter-spacing: 11.2px; line-height: 1.143em; top: -1rem; margin: 0 0 2rem; }
    .article-with-header-centered aside { padding: 0; }
}

/* @end */