.home-page {
    --home-section-space: 6rem;
    --home-heading-space: 2.5rem;
}

.home-page main > .section {
    padding-top: var(--home-section-space);
    padding-bottom: var(--home-section-space);
}

.home-page main > .section .section-heading {
    margin-bottom: var(--home-heading-space);
}

@media (max-width: 600px) {
    .home-page {
        --home-section-space: 4rem;
        --home-heading-space: 2rem;
    }
}