/* ==========================================================
   TSCG — Sections and layout
========================================================== */

.tscg-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

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

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

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

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

.tscg-section-header {
    width: 90%;
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.tscg-section-header> :last-child {
    margin-bottom: 0;
}