/* @group Page Header
------------------------------------ */
.page-header { color: var(--timeline-text); margin: 16rem 0 9.2rem; }
.page-header h1 { color: var(--title-light); font: 4em; letter-spacing: 6.4px; line-height: 1.100em; margin: 0 0 3.7rem; }
.page-header h6 { color: var(--title-light); margin: 0 0 1.5rem; }
.page-header .link-circle { color: var(--timeline-text); }
.page-header .link-circle i svg { stroke: var(--timeline-text); }
@media only screen
and (min-width : 961px) {
    .page-header { margin: 30rem 0 10.6rem; }
    .page-header h1 { font-size: 7em; letter-spacing: 11.2px; line-height: 1em; margin: 0 0 3rem; }
    .page-header h6 { max-width: 47rem; margin: 0 auto 2.9rem; }
    .page-header p { max-width: 43rem; margin: 0 auto 12.2rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @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 20.2rem; }
}

/* @end */
/* @group How it Works
------------------------------------ */
.columns-3 { margin: 0 0 12.3rem; }
.columns-3 + .columns-3 { margin: 0 0 22.8rem; }
.faq-light { padding: 12.3rem 0 33.8rem; }
.faq-light h2 { color: var(--green-text); font: 4em; letter-spacing: 6.4px; line-height: 1.100em; margin: 0 0 6.4rem; }
@media only screen
and (min-width : 961px) {
    .columns-3 { margin: 0 0 24.3rem; }
    .columns-3 + .columns-3 { margin: 0 0 15rem; }
    .faq-light { padding: 12.3rem 0 33.8rem; }
    .faq-light h2 { font-size: 7em; letter-spacing: 11.2px; line-height: 1em; margin: 0 0 5.4rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */