/*
==================================================
Layout System
==================================================
*/


/* ==========================================
   Global Container
========================================== */

.container {

    width: 100%;

    max-width: 1280px;

    margin-inline: auto;

    padding-inline: 1.5rem;

}

.section {
    padding-block: var(--section-spacing);
}

.section-sm {
    padding-block: calc(var(--section-spacing) * 0.5);
}

.section-lg {
    padding-block: calc(var(--section-spacing) * 1.5);
}