/* @group Page Header
------------------------------------ */
.page-header { margin: 0 0 12.5rem; }
.page-header h1 { font-style: italic; }
.page-header .img-box::before { content: ''; position: absolute; top: 0; left: 0; height: 39.6rem; width: 100%; background: linear-gradient(0deg, rgba(23,23,39,0) 0%, rgba(23,23,39,.7) 100%); }
.page-header-2 .img-box::after { height: 32.1rem; }
.page-header h5 { margin: 0 0 1.1rem; }
@media only screen
and (min-width : 961px) {
    .page-header { margin: 0 0 5.6rem; }
    .page-header-2 .img-box { height: 100vh; }
    .page-header figcaption { bottom: 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {   
    .page-header-2 .img-box::after { content: none; }    
}
/* @end */
/* @group Rates
------------------------------------ */
.summary { margin: 0 0 7.1rem; }
.summary p { margin: 0 0 1em; }
.summary p:last-child { margin: 0; }
.rate-sheet .box { padding: 7.6rem 4rem; border: .1rem solid var(--bg-dark-border); margin: 0 0 5.7rem; }
.rate-sheet h4 { color: var(--text-grey); font: 400 2.4em / 1.500em var(--main-font); letter-spacing: 0; margin: 0 0 3rem; text-align: center; }
.rate-sheet h5 { color: var(--text-grey); font-size: 1.4em; letter-spacing: .160em; line-height: 1.429em; text-transform: uppercase; margin: 4rem 0 3rem; }
.rate-sheet p,
.rate-sheet ul { margin: 0 0 3rem; }
.rate-sheet p:last-child,
.rate-sheet ul:last-child { margin: 0; }
.faq-light { margin: 0 0 7rem; }
.faq-light .faq-text h4 { color: var(--green); }
.dark { background: var(--bg-visit); padding: 8.5rem 0 12.9rem; z-index: 4; position: relative; }
.dark h2 { color: var(--title-light); font-style: italic; margin: 0 0 6rem; }
.faq-dark { padding: 6rem 0 9.9rem; z-index: 4; position: relative; }
.faq-light + .cards { margin: 0 0 38.8rem; }
/* Table
----------------------*/
table { font: 400 2em / 1.5em var(--bilo-font); letter-spacing: 2.24px; text-align: center; width: 100%; }
table tr:first-child { border-bottom: .1rem solid var(--bg-dark-border); }
table td,
table th { padding: 1rem 0; }
table td:first-child,
table th:first-child { text-align: left; border-right: .1rem solid var(--bg-dark-border); }
@media only screen
and (min-width : 961px) {
    .summary { margin: 0 0 6rem; }
    .rate-sheet .box { padding: 7.6rem 13.9rem; }
    .faq-light { margin: 0 0 38.1rem; }
    .faq-dark { padding: 12rem 0; }
    .faq-light + .cards { margin: 0 0 36.7rem; }
    .dark { padding: 10.4rem 0 15.6rem; }
    .dark h2 { margin: 0 0 9.3rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    /* Table
    ----------------------*/
    table { min-width: 90rem; }
}

/* @end */