/* @group Page Header
------------------------------------ */
.page-header { margin: 0 0 11.2rem; }
.page-header h1 { font-style: italic; }
@media only screen
and (min-width : 961px) {
    .page-header { margin: 14rem 0 7rem; }
    .page-header .img-box::before { content: ''; position: absolute; top: 0; left: 0; height: 17.2rem; width: 100%; background: linear-gradient(0deg, rgba(23,23,39,0) 0%, rgba(23,23,39,.7) 100%); }
    .page-header h1 { font-size: 10em; letter-spacing: 16px; line-height: 1em; }
    .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 article h5 { display: none; }
    .page-header article { padding: 0 1.4rem; }
}

/* @end */
/* @group Secundary Nav
------------------------------------ */
@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .secundary-nav { margin: 0 0 8.6rem; }
}

/* @end */
/* @group Museum
------------------------------------ */
.summary { color: var(--title-light); margin: 0 0 22.9rem; }
.summary p { margin: 0 0 1em; }
.summary p:last-child { margin: 0; }

.timeline-items,
.timeline-highlight { margin: 0 0 15.2rem; }

.slider-widget .img-box::after { background: transparent linear-gradient(180deg, rgba(51,51,64,0) 0%, rgba(23,23,39,1) 100%); }
.slider-widget:nth-last-child(3) .img-box::after { background: transparent linear-gradient(180deg, rgba(51,51,64,0) 0%, rgba(51,51,64,1) 100%); }
@media only screen
and (min-width : 961px) {
    .summary { margin: 0 0 21.9rem; }
    .timeline-items,
    .timeline-highlight { margin: 0 0 9rem; }
    .timeline-highlight + .slider-widget { margin: 12.4rem 0 0; } 
    .slider-widget + .summary { margin-top: 20.1rem; } 
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */
