/* @group Article with Header Left
------------------------------------ */
.article-with-header-left { color: var(--timeline-text); overflow: hidden; }
.article-with-header-left a,
.article-with-header-left .link-circle { color: var(--text-grey); }
.article-with-header-left .link-circle svg { stroke: var(--text-grey); }
.article-with-header-left .img-box { height: 40rem; }
.article-with-header-left .img-box::after { content: ''; position: absolute; bottom: 0; left: 0; height: 23rem; width: 100%; background: linear-gradient(180deg, rgba(30,30,34,0) 0%, rgba(23,23,39,1) 100%); }
.article-2 .img-box::after { background: linear-gradient(180deg, rgba(30,30,34,0) 0%, rgba(23,23,39,.7) 100%); }
.article-with-header-left header { margin-top: -9rem; }
.article-with-header-left h2 { color: var(--timeline-title); position: relative; }
.article-with-header-left section p { color: var(--timeline-title); margin: 0 0 5rem; }
.article-with-header-left h4 { color: var(--timeline-title); font-size: 1.4em; font-weight: 500; letter-spacing: 2.24px; line-height: 1.286em; margin: 0 0 1.9rem; }
.article-with-header-left article h4 { margin: 0 0 4.1rem; }
.article-with-header-left aside li { font-size: 1.8em; line-height: 2em; list-style-type: '•'!important; }
.article-with-header-left ul { margin: 0 0 6rem; }
@media only screen
and (min-width : 961px) {
    .article-with-header-left .img-box { height: 65.8rem; }
    .article-with-header-left h2 { font-size: 10em; letter-spacing: 16px; line-height: 1em; margin: 0 0 4rem; }
    .article-with-header-left section p { margin: 1.7rem 0 0; max-width: 40.9rem; }
    .article-with-header-left h4 { font-size: 1.3em; letter-spacing: 2.08px; line-height: 1.542em; }
    .article-with-header-left article h4 { margin: 0 0 1.9rem; }
    .article-with-header-left article ul { margin-left: 3rem; }
    .article-with-header-left aside li { font-size: 1.6em; line-height: 1.750em; }
    .article-with-header-left ul { margin: 0 0 9.5rem; }
    .article-with-header-left ul:last-child { margin-bottom: 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1920px) {
    .article-with-header-left .img-box { height: 74rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .article-with-header-left header { margin-top: -7rem; }
    .article-with-header-left h2 { font-size: 4.5em; letter-spacing: 11.2px; line-height: 1.143em; top: -1rem; margin: 0 0 0; }
    #Fishing-Expedition header { margin-top: -4.5rem; }
    .article-2 header { margin-top: -9rem; }
    .article-2 h2 { top: 0; line-height: 1em; }
    .article-2 h2 span { display: block; }
    .article-2 h2 em { font-size: .622em; letter-spacing: 6.4px; line-height: 1.750em; margin-top: -1rem; display: block; }
    .article-with-header-left ul { margin-left: 2rem; }
    .article-2 article h4 { margin: 0 0 1.9rem; }
}

/* @end */