/* Explain: App-specific layout utilities. */
.section {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.section-tight {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.section-surface {
    background: var(--surface-color);
}

.section-dark {
    background: var(--dark-color);
    color: #fff;
}

.section-dark .section-sub {
    color: rgba(255, 255, 255, .7);
}

@media (min-width: 768px) {
    .section {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .section-tight {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.head-wrap {
    max-width: 42rem;
}