/* ==========================================================================
   Spacing Utilities (Overriding Bootstrap defaults for more breathing room)
   ========================================================================== */

.py-huge {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}

.pt-huge {
    padding-top: var(--space-xl);
}

.pb-huge {
    padding-bottom: var(--space-xl);
}

.my-huge {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
}

@media (min-width: 740px) {
    .py-huge {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl);
    }
    .pt-huge {
        padding-top: var(--space-xxl);
    }
    .pb-huge {
        padding-bottom: var(--space-xxl);
    }
}