/* Explain: Page layout and section spacing utilities. */
.container-page {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 768px) {
    .container-page {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.section-pad {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

@media (min-width: 768px) {
    .section-pad {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

.page-header {
    padding-top: 4rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid var(--border-color);
}

@media (min-width: 768px) {
    .page-header {
        padding-top: 6rem;
        padding-bottom: 4.5rem;
    }
}

.page-lede {
    margin-top: 1.25rem;
    max-width: 42rem;
    color: var(--text-muted);
    font-size: 1.125rem;
    line-height: 1.85;
}

.hairline {
    height: 1px;
    width: 100%;
    background: var(--border-color);
}