/* @group Contact Banner
------------------------------------ */
.contact-banner { background: var(--bg-visit); color: var(--timeline-title); position: relative; padding-bottom: 10rem; }
.contact-banner a,
.contact-banner .link-circle { color: var(--text-grey); }
.contact-banner .link-circle svg { stroke: var(--text-grey); }
.contact-banner .img-box { height: 62.7rem; margin: 0 0 8.8rem; }
.contact-banner .img-box::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(51,51,64,0) 0%, rgba(51,51,64,1) 95%); height: 32.8rem; z-index: 1; }
.contact-banner h4 { color: var(--title-light); font-style: italic; margin: 0 0 1.6rem; }
.contact-banner h2 { font-size: 7em; font-style: italic; letter-spacing: 11.2px; line-height: 1em; }
.contact-banner .box { display: flex; flex-direction: column-reverse; }
@media only screen
and (min-width : 961px) {
    .contact-banner { padding-bottom: 11.5rem; }
    .contact-banner .img-box { height: 62rem; margin: 0 0 1.1rem; }
    .contact-banner h4 { font-size: 2.4em; letter-spacing: 3.84px; line-height: 1.335em; }
    .contact-banner h2 { font-size: 10rem; letter-spacing: 16px; line-height: 1em; margin: 0 0 1rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1920px) {
    .contact-banner .img-box { height: 72rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .contact-banner h4 { max-width: 25rem; margin: 0 auto 1.9rem; }
    .contact-banner .img-box { overflow: visible; }
    .contact-banner .outerAbsolute { bottom: -7rem; }
}

/* @end */