/* @group Page Header
------------------------------------ */
.page-header { margin: 0 0 9rem; }
.page-header h1 { font-style: italic; }
@media only screen
and (min-width : 961px) {
    .page-header { margin: 14rem 0 7rem; }
    .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 History
------------------------------------ */
.summary { color: var(--title-light); }
.summary p { margin: 0 0 1em; }
.summary p:last-child { margin: 0; }
.summary::after { content: ''; display: block; height: .1rem; width: 27.7rem; margin: 15.1rem auto 7.7rem; background: rgba(112,112,112,.2); }

.timeline-items,
.timeline-highlight { margin: 0 0 15.2rem; }
@media only screen
and (min-width : 961px) {
    .summary::after { margin: 7rem auto 25.9rem; }
    .timeline-items,
    .timeline-highlight { margin: 0; }
    .timeline-items.last,
    .timeline-highlight.last { margin: 0 0 18.2rem; }
    .timeline-controls::after,
    .timeline-items::after,
    .timeline-highlight::after { content: ''; display: block; height: .1rem; width: 27.7rem; background: rgba(112,112,112,.2); }
    .timeline-highlight::after { margin: 8.3rem auto; }
    .timeline-controls::after { margin: 27.7rem auto 12rem; }
    .timeline-controls + .timeline-highlight::after { margin: 3.6rem auto 6.9rem; }
    .timeline-items::after { margin: 7rem auto; }
    .timeline-items.last::after,
    .timeline-highlight.last::after { content: none; }

    .slider-widget + .summary::before { content: ''; display: block; height: .1rem; width: 27.7rem; background: rgba(112,112,112,.2); margin: 4.7rem auto 6rem; }
    .slider-widget + .summary::after { margin: 6rem auto 4rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */