/**

Wux Grid css 1.0

Wux grid gebruiken:

// Dit is handig voor kolommen met verschillende breedtes
<div class="wpb-row">
    <div class="wpb-col--12 cols-md-6 cols-xl-4">

    </div>
    <div class="wpb-col--12 wpb-col--md-6 wpb-col--xl-4">
    
    </div>
    <div class="wpb-col--12 wpb-col--md-6 wpb-col--xl-4">
    
    </div>
</div>

of

// Dit is handig wanneer je kolommen allemaal hetzelfde zijn.
<div class="d-grid d-grid--md-6 d-grid--xl-4 g-10">
    <div>

    </div>
    <div>
    
    </div>
    <div>
    
    </div>
</div>

**/

/*** ---------- Utilities ---------- ***/
.d-none { display: none; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }

.d-grid { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); }

.wpb-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); } 

.order-0 { order: 0; }
.order-1 { order: 1; }

@media (min-width: 576px) {
    .order-sm-0 { order: 0; }
    .order-sm-1 { order: 1; }
}

@media (min-width: 768px) {
    .order-md-0 { order: 0; }
    .order-md-1 { order: 1; }
}

@media (min-width: 992px) {
    .order-lg-0 { order: 0; }
    .order-lg-1 { order: 1; }
}

.align-start, .align-top { -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.align-end, .align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: end; }

.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }
.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-wrap { flex-wrap: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.whitespace-nowrap { white-space: nowrap; }

.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }

@media (min-width: 576px) {
    .d-sm-none { display: none; }
    .d-sm-flex { display: flex; }
    .d-sm-inline-flex { display: inline-flex; }
}

@media (min-width: 768px) {
    .d-md-none { display: none; }
    .d-md-flex { display: flex; }
    .d-md-inline-flex { display: inline-flex; }
}

@media (min-width: 992px) {
    .d-lg-none { display: none; }
    .d-lg-flex { display: flex; }
    .d-lg-inline-flex { display: inline-flex; }
}

@media (min-width: 1200px) {
    .d-xl-none { display: none; }
    .d-xl-flex { display: flex; }
    .d-xl-inline-flex { display: inline-flex; }
}

@media (min-width: 1400px) {
    .d-xxl-none { display: none; }
    .d-xxl-flex { display: flex; }
    .d-xxl-inline-flex { display: inline-flex; }
}


/*** ----- Radius ----- ***/
.r-5 { border-radius: .5rem; }
.r-8 { border-radius: .8rem; }
.r-10 { border-radius: 1rem; }
.r-12 { border-radius: 1.2rem; }
.r-18 { border-radius: 1.8rem; }
.r-20 { border-radius: 2rem; }
.r-24 { border-radius: 2.4rem; }




/*** ----- Gutters ----- ***/
.g-8 { column-gap: .8rem; row-gap: .8rem; }
.gy-8 { row-gap: .8rem; }
.gx-8 { column-gap: .8rem; }

.g-10 { column-gap: 1rem; row-gap: 1rem; }
.gy-10 { row-gap: 1rem; }
.gx-10 { column-gap: 1rem; }

.g-12 { column-gap: 1.2rem; row-gap: 1.2rem; }
.gy-12 { row-gap: 1.2rem; }
.gx-12 { column-gap: 1.2rem; }

.g-14 { column-gap: 1.4rem; row-gap: 1.4rem; }
.gy-14 { row-gap: 1.4rem; }
.gx-14 { column-gap: 1.4rem; }

.g-16 { column-gap: 1.6rem; row-gap: 1.6rem; }
.gy-16 { row-gap: 1.6rem; }
.gx-16 { column-gap: 1.6rem; }

.g-18 { column-gap: 1.8rem; row-gap: 1.8rem; }
.gy-18 { row-gap: 1.8rem; }
.gx-18 { column-gap: 1.8rem; }

.g-20 { column-gap: 2rem; row-gap: 2rem; }
.gy-20 { row-gap: 2rem; }
.gx-20 { column-gap: 2rem; }

.g-24 { column-gap: 2.4rem; row-gap: 2.4rem; }
.gy-24 { row-gap: 2.4rem; }
.gx-24 { column-gap: 2.4rem; }

.g-28 { column-gap: 2.8rem; row-gap: 2.8rem; }
.gy-28 { row-gap: 2.8rem; }
.gx-28 { column-gap: 2.8rem; }

.g-32 { column-gap: 3.2rem; row-gap: 3.2rem; }
.gy-32 { row-gap: 3.2rem; }
.gx-32 { column-gap: 3.2rem; }

.g-48 { column-gap: 4.8rem; row-gap: 4.8rem; }
.gy-48 { row-gap: 4.8rem; }
.gx-48 { column-gap: 4.8rem; }

.g-64 { column-gap: 6.4rem; row-gap: 6.4rem; }
.gy-64 { row-gap: 6.4rem; }
.gx-64 { column-gap: 6.4rem; }

.g-96 { column-gap: 9.6rem; row-gap: 9.6rem; }
.gy-96 { row-gap: 9.6rem; }
.gx-96 { column-gap: 9.6rem; }

@media (min-width: 576px) {
    .g-sm-8 { column-gap: .8rem; row-gap: .8rem; }
    .gy-sm-8 { row-gap: .8rem; }
    .gx-sm-8 { column-gap: .8rem; }

    .g-sm-10 { column-gap: 1rem; row-gap: 1rem; }
    .gy-sm-10 { row-gap: 1rem; }
    .gx-sm-10 { column-gap: 1rem; }

    .g-sm-12 { column-gap: 1.2rem; row-gap: 1.2rem; }
    .gy-sm-12 { row-gap: 1.2rem; }
    .gx-sm-12 { column-gap: 1.2rem; }

    .g-sm-14 { column-gap: 1.4rem; row-gap: 1.4rem; }
    .gy-sm-14 { row-gap: 1.4rem; }
    .gx-sm-14 { column-gap: 1.4rem; }

    .g-sm-16 { column-gap: 1.6rem; row-gap: 1.6rem; }
    .gy-sm-16 { row-gap: 1.6rem; }
    .gx-sm-16 { column-gap: 1.6rem; }

    .g-sm-18 { column-gap: 1.8rem; row-gap: 1.8rem; }
    .gy-sm-18 { row-gap: 1.8rem; }
    .gx-sm-18 { column-gap: 1.8rem; }

    .g-sm-20 { column-gap: 2rem; row-gap: 2rem; }
    .gy-sm-20 { row-gap: 2rem; }
    .gx-sm-20 { column-gap: 2rem; }

    .g-sm-24 { column-gap: 2.4rem; row-gap: 2.4rem; }
    .gy-sm-24 { row-gap: 2.4rem; }
    .gx-sm-24 { column-gap: 2.4rem; }

    .g-sm-28 { column-gap: 2.8rem; row-gap: 2.8rem; }
    .gy-sm-28 { row-gap: 2.8rem; }
    .gx-sm-28 { column-gap: 2.8rem; }

    .g-sm-32 { column-gap: 3.2rem; row-gap: 3.2rem; }
    .gy-sm-32 { row-gap: 3.2rem; }
    .gx-sm-32 { column-gap: 3.2rem; }

    .g-sm-48 { column-gap: 4.8rem; row-gap: 4.8rem; }
    .gy-sm-48 { row-gap: 4.8rem; }
    .gx-sm-48 { column-gap: 4.8rem; }

    .g-sm-64 { column-gap: 6.4rem; row-gap: 6.4rem; }
    .gy-sm-64 { row-gap: 6.4rem; }
    .gx-sm-64 { column-gap: 6.4rem; }

    .g-sm-96 { column-gap: 9.6rem; row-gap: 9.6rem; }
    .gy-sm-96 { row-gap: 9.6rem; }
    .gx-sm-96 { column-gap: 9.6rem; }
}

@media (min-width: 768px) {
    .g-md-8 { column-gap: .8rem; row-gap: .8rem; }
    .gy-md-8 { row-gap: .8rem; }
    .gx-md-8 { column-gap: .8rem; }

    .g-md-10 { column-gap: 1rem; row-gap: 1rem; }
    .gy-md-10 { row-gap: 1rem; }
    .gx-md-10 { column-gap: 1rem; }

    .g-md-12 { column-gap: 1.2rem; row-gap: 1.2rem; }
    .gy-md-12 { row-gap: 1.2rem; }
    .gx-md-12 { column-gap: 1.2rem; }

    .g-md-14 { column-gap: 1.4rem; row-gap: 1.4rem; }
    .gy-md-14 { row-gap: 1.4rem; }
    .gx-md-14 { column-gap: 1.4rem; }

    .g-md-16 { column-gap: 1.6rem; row-gap: 1.6rem; }
    .gy-md-16 { row-gap: 1.6rem; }
    .gx-md-16 { column-gap: 1.6rem; }

    .g-md-18 { column-gap: 1.8rem; row-gap: 1.8rem; }
    .gy-md-18 { row-gap: 1.8rem; }
    .gx-md-18 { column-gap: 1.8rem; }

    .g-md-20 { column-gap: 2rem; row-gap: 2rem; }
    .gy-md-20 { row-gap: 2rem; }
    .gx-md-20 { column-gap: 2rem; }

    .g-md-24 { column-gap: 2.4rem; row-gap: 2.4rem; }
    .gy-md-24 { row-gap: 2.4rem; }
    .gx-md-24 { column-gap: 2.4rem; }

    .g-md-28 { column-gap: 2.8rem; row-gap: 2.8rem; }
    .gy-md-28 { row-gap: 2.8rem; }
    .gx-md-28 { column-gap: 2.8rem; }

    .g-md-32 { column-gap: 3.2rem; row-gap: 3.2rem; }
    .gy-md-32 { row-gap: 3.2rem; }
    .gx-md-32 { column-gap: 3.2rem; }

    .g-md-48 { column-gap: 4.8rem; row-gap: 4.8rem; }
    .gy-md-48 { row-gap: 4.8rem; }
    .gx-md-48 { column-gap: 4.8rem; }

    .g-md-64 { column-gap: 6.4rem; row-gap: 6.4rem; }
    .gy-md-64 { row-gap: 6.4rem; }
    .gx-md-64 { column-gap: 6.4rem; }

    .g-md-96 { column-gap: 9.6rem; row-gap: 9.6rem; }
    .gy-md-96 { row-gap: 9.6rem; }
    .gx-md-96 { column-gap: 9.6rem; }
}

@media (min-width: 992px) {
    .g-lg-8 { column-gap: .8rem; row-gap: .8rem; }
    .gy-lg-8 { row-gap: .8rem; }
    .gx-lg-8 { column-gap: .8rem; }

    .g-lg-10 { column-gap: 1rem; row-gap: 1rem; }
    .gy-lg-10 { row-gap: 1rem; }
    .gx-lg-10 { column-gap: 1rem; }

    .g-lg-12 { column-gap: 1.2rem; row-gap: 1.2rem; }
    .gy-lg-12 { row-gap: 1.2rem; }
    .gx-lg-12 { column-gap: 1.2rem; }

    .g-lg-14 { column-gap: 1.4rem; row-gap: 1.4rem; }
    .gy-lg-14 { row-gap: 1.4rem; }
    .gx-lg-14 { column-gap: 1.4rem; }

    .g-lg-16 { column-gap: 1.6rem; row-gap: 1.6rem; }
    .gy-lg-16 { row-gap: 1.6rem; }
    .gx-lg-16 { column-gap: 1.6rem; }

    .g-lg-18 { column-gap: 1.8rem; row-gap: 1.8rem; }
    .gy-lg-18 { row-gap: 1.8rem; }
    .gx-lg-18 { column-gap: 1.8rem; }

    .g-lg-20 { column-gap: 2rem; row-gap: 2rem; }
    .gy-lg-20 { row-gap: 2rem; }
    .gx-lg-20 { column-gap: 2rem; }

    .g-lg-24 { column-gap: 2.4rem; row-gap: 2.4rem; }
    .gy-lg-24 { row-gap: 2.4rem; }
    .gx-lg-24 { column-gap: 2.4rem; }

    .g-lg-28 { column-gap: 2.8rem; row-gap: 2.8rem; }
    .gy-lg-28 { row-gap: 2.8rem; }
    .gx-lg-28 { column-gap: 2.8rem; }

    .g-lg-32 { column-gap: 3.2rem; row-gap: 3.2rem; }
    .gy-lg-32 { row-gap: 3.2rem; }
    .gx-lg-32 { column-gap: 3.2rem; }

    .g-lg-48 { column-gap: 4.8rem; row-gap: 4.8rem; }
    .gy-lg-48 { row-gap: 4.8rem; }
    .gx-lg-48 { column-gap: 4.8rem; }

    .g-lg-64 { column-gap: 6.4rem; row-gap: 6.4rem; }
    .gy-lg-64 { row-gap: 6.4rem; }
    .gx-lg-64 { column-gap: 6.4rem; }

    .g-lg-96 { column-gap: 9.6rem; row-gap: 9.6rem; }
    .gy-lg-96 { row-gap: 9.6rem; }
    .gx-lg-96 { column-gap: 9.6rem; }
}

@media (min-width: 1200px) {
    .g-xl-8 { column-gap: .8rem; row-gap: .8rem; }
    .gy-xl-8 { row-gap: .8rem; }
    .gx-xl-8 { column-gap: .8rem; }

    .g-xl-10 { column-gap: 1rem; row-gap: 1rem; }
    .gy-xl-10 { row-gap: 1rem; }
    .gx-xl-10 { column-gap: 1rem; }

    .g-xl-12 { column-gap: 1.2rem; row-gap: 1.2rem; }
    .gy-xl-12 { row-gap: 1.2rem; }
    .gx-xl-12 { column-gap: 1.2rem; }

    .g-xl-14 { column-gap: 1.4rem; row-gap: 1.4rem; }
    .gy-xl-14 { row-gap: 1.4rem; }
    .gx-xl-14 { column-gap: 1.4rem; }

    .g-xl-16 { column-gap: 1.6rem; row-gap: 1.6rem; }
    .gy-xl-16 { row-gap: 1.6rem; }
    .gx-xl-16 { column-gap: 1.6rem; }

    .g-xl-18 { column-gap: 1.8rem; row-gap: 1.8rem; }
    .gy-xl-18 { row-gap: 1.8rem; }
    .gx-xl-18 { column-gap: 1.8rem; }

    .g-xl-20 { column-gap: 2rem; row-gap: 2rem; }
    .gy-xl-20 { row-gap: 2rem; }
    .gx-xl-20 { column-gap: 2rem; }

    .g-xl-24 { column-gap: 2.4rem; row-gap: 2.4rem; }
    .gy-xl-24 { row-gap: 2.4rem; }
    .gx-xl-24 { column-gap: 2.4rem; }

    .g-xl-28 { column-gap: 2.8rem; row-gap: 2.8rem; }
    .gy-xl-28 { row-gap: 2.8rem; }
    .gx-xl-28 { column-gap: 2.8rem; }

    .g-xl-32 { column-gap: 3.2rem; row-gap: 3.2rem; }
    .gy-xl-32 { row-gap: 3.2rem; }
    .gx-xl-32 { column-gap: 3.2rem; }

    .g-xl-48 { column-gap: 4.8rem; row-gap: 4.8rem; }
    .gy-xl-48 { row-gap: 4.8rem; }
    .gx-xl-48 { column-gap: 4.8rem; }

    .g-xl-64 { column-gap: 6.4rem; row-gap: 6.4rem; }
    .gy-xl-64 { row-gap: 6.4rem; }
    .gx-xl-64 { column-gap: 6.4rem; }

    .g-xl-96 { column-gap: 9.6rem; row-gap: 9.6rem; }
    .gy-xl-96 { row-gap: 9.6rem; }
    .gx-xl-96 { column-gap: 9.6rem; }
}

@media (min-width: 1400px) {
    .g-xxl-8 { column-gap: .8rem; row-gap: .8rem; }
    .gy-xxl-8 { row-gap: .8rem; }
    .gx-xxl-8 { column-gap: .8rem; }

    .g-xxl-10 { column-gap: 1rem; row-gap: 1rem; }
    .gy-xxl-10 { row-gap: 1rem; }
    .gx-xxl-10 { column-gap: 1rem; }

    .g-xxl-12 { column-gap: 1.2rem; row-gap: 1.2rem; }
    .gy-xxl-12 { row-gap: 1.2rem; }
    .gx-xxl-12 { column-gap: 1.2rem; }

    .g-xxl-14 { column-gap: 1.4rem; row-gap: 1.4rem; }
    .gy-xxl-14 { row-gap: 1.4rem; }
    .gx-xxl-14 { column-gap: 1.4rem; }

    .g-xxl-16 { column-gap: 1.6rem; row-gap: 1.6rem; }
    .gy-xxl-16 { row-gap: 1.6rem; }
    .gx-xxl-16 { column-gap: 1.6rem; }

    .g-xxl-18 { column-gap: 1.8rem; row-gap: 1.8rem; }
    .gy-xxl-18 { row-gap: 1.8rem; }
    .gx-xxl-18 { column-gap: 1.8rem; }

    .g-xxl-20 { column-gap: 2rem; row-gap: 2rem; }
    .gy-xxl-20 { row-gap: 2rem; }
    .gx-xxl-20 { column-gap: 2rem; }

    .g-xxl-24 { column-gap: 2.4rem; row-gap: 2.4rem; }
    .gy-xxl-24 { row-gap: 2.4rem; }
    .gx-xxl-24 { column-gap: 2.4rem; }

    .g-xxl-28 { column-gap: 2.8rem; row-gap: 2.8rem; }
    .gy-xxl-28 { row-gap: 2.8rem; }
    .gx-xxl-28 { column-gap: 2.8rem; }

    .g-xxl-32 { column-gap: 3.2rem; row-gap: 3.2rem; }
    .gy-xxl-32 { row-gap: 3.2rem; }
    .gx-xxl-32 { column-gap: 3.2rem; }

    .g-xxl-48 { column-gap: 4.8rem; row-gap: 4.8rem; }
    .gy-xxl-48 { row-gap: 4.8rem; }
    .gx-xxl-48 { column-gap: 4.8rem; }

    .g-xxl-64 { column-gap: 6.4rem; row-gap: 6.4rem; }
    .gy-xxl-64 { row-gap: 6.4rem; }
    .gx-xxl-64 { column-gap: 6.4rem; }

    .g-xxl-96 { column-gap: 9.6rem; row-gap: 9.6rem; }
    .gy-xxl-96 { row-gap: 9.6rem; }
    .gx-xxl-96 { column-gap: 9.6rem; }
}

@media (min-width: 1600px) {
    .g-xxxl-134 { column-gap: 13.4rem; row-gap: 13.4rem; }
    .gy-xxxl-134 { row-gap: 13.4rem; }
    .gx-xxxl-134 { column-gap: 13.4rem; } 
}





/*** ----- Columns ----- ***/
.wpb-col--12 { grid-column: span 12; }
.wpb-col--11 { grid-column: span 11; }
.wpb-col--10 { grid-column: span 10; }
.wpb-col--9 { grid-column: span 9; }
.wpb-col--8 { grid-column: span 8; }
.wpb-col--7 { grid-column: span 7; }
.wpb-col--6 { grid-column: span 6; }
.wpb-col--5 { grid-column: span 5; }
.wpb-col--4 { grid-column: span 4; }
.wpb-col--3 { grid-column: span 3; }
.wpb-col--2 { grid-column: span 2; }
.wpb-col--1 { grid-column: span 1; }

@media (min-width: 576px) {
    .wpb-col--sm-12 { grid-column: span 12; }
    .wpb-col--sm-11 { grid-column: span 11; }
    .wpb-col--sm-10 { grid-column: span 10; }
    .wpb-col--sm-9 { grid-column: span 9; }
    .wpb-col--sm-8 { grid-column: span 8; }
    .wpb-col--sm-7 { grid-column: span 7; }
    .wpb-col--sm-6 { grid-column: span 6; }
    .wpb-col--sm-5 { grid-column: span 5; }
    .wpb-col--sm-4 { grid-column: span 4; }
    .wpb-col--sm-3 { grid-column: span 3; }
    .wpb-col--sm-2 { grid-column: span 2; }
    .wpb-col--sm-1 { grid-column: span 1; }
}

@media (min-width: 768px) {
    .wpb-col--md-12 { grid-column: span 12; }
    .wpb-col--md-11 { grid-column: span 11; }
    .wpb-col--md-10 { grid-column: span 10; }
    .wpb-col--md-9 { grid-column: span 9; }
    .wpb-col--md-8 { grid-column: span 8; }
    .wpb-col--md-7 { grid-column: span 7; }
    .wpb-col--md-6 { grid-column: span 6; }
    .wpb-col--md-5 { grid-column: span 5; }
    .wpb-col--md-4 { grid-column: span 4; }
    .wpb-col--md-3 { grid-column: span 3; }
    .wpb-col--md-2 { grid-column: span 2; }
    .wpb-col--md-1 { grid-column: span 1; }
}

@media (min-width: 992px) {
    .wpb-col--lg-12 { grid-column: span 12; }
    .wpb-col--lg-11 { grid-column: span 11; }
    .wpb-col--lg-10 { grid-column: span 10; }
    .wpb-col--lg-9 { grid-column: span 9; }
    .wpb-col--lg-8 { grid-column: span 8; }
    .wpb-col--lg-7 { grid-column: span 7; }
    .wpb-col--lg-6 { grid-column: span 6; }
    .wpb-col--lg-5 { grid-column: span 5; }
    .wpb-col--lg-4 { grid-column: span 4; }
    .wpb-col--lg-3 { grid-column: span 3; }
    .wpb-col--lg-2 { grid-column: span 2; }
    .wpb-col--lg-1 { grid-column: span 1; }
}

@media (min-width: 1200px) {
    .wpb-col--xl-12 { grid-column: span 12; }
    .wpb-col--xl-11 { grid-column: span 11; }
    .wpb-col--xl-10 { grid-column: span 10; }
    .wpb-col--xl-9 { grid-column: span 9; }
    .wpb-col--xl-8 { grid-column: span 8; }
    .wpb-col--xl-7 { grid-column: span 7; }
    .wpb-col--xl-6 { grid-column: span 6; }
    .wpb-col--xl-5 { grid-column: span 5; }
    .wpb-col--xl-4 { grid-column: span 4; }
    .wpb-col--xl-3 { grid-column: span 3; }
    .wpb-col--xl-2 { grid-column: span 2; }
    .wpb-col--xl-1 { grid-column: span 1; }
}

@media (min-width: 1400px) {
    .wpb-col--xxl-12 { grid-column: span 12; }
    .wpb-col--xxl-11 { grid-column: span 11; }
    .wpb-col--xxl-10 { grid-column: span 10; }
    .wpb-col--xxl-9 { grid-column: span 9; }
    .wpb-col--xxl-8 { grid-column: span 8; }
    .wpb-col--xxl-7 { grid-column: span 7; }
    .wpb-col--xxl-6 { grid-column: span 6; }
    .wpb-col--xxl-5 { grid-column: span 5; }
    .wpb-col--xxl-4 { grid-column: span 4; }
    .wpb-col--xxl-3 { grid-column: span 3; }
    .wpb-col--xxl-2 { grid-column: span 2; }
    .wpb-col--xxl-1 { grid-column: span 1; }
}


.cols-1 { --gc: 1; }
.cols-2 { --gc: 2; }
.cols-3 { --gc: 3; }
.cols-4 { --gc: 4; }
.cols-5 { --gc: 5; }
.cols-6 { --gc: 6; }
.cols-7 { --gc: 7; }
.cols-8 { --gc: 8; }
.cols-9 { --gc: 9; }
.cols-10 { --gc: 10; }
.cols-11 { --gc: 11; }
.cols-12 { --gc: 12; }


@media (min-width: 576px) {
    .cols-sm-1 { --gc: 1; }
    .cols-sm-2 { --gc: 2; }
    .cols-sm-3 { --gc: 3; }
    .cols-sm-4 { --gc: 4; }
    .cols-sm-5 { --gc: 5; }
    .cols-sm-6 { --gc: 6; }
    .cols-sm-7 { --gc: 7; }
    .cols-sm-8 { --gc: 8; }
    .cols-sm-9 { --gc: 9; }
    .cols-sm-10 { --gc: 10; }
    .cols-sm-11 { --gc: 11; }
    .cols-sm-12 { --gc: 12; }
}

@media (min-width: 768px) {
    .cols-md-1 { --gc: 1; }
    .cols-md-2 { --gc: 2; }
    .cols-md-3 { --gc: 3; }
    .cols-md-4 { --gc: 4; }
    .cols-md-5 { --gc: 5; }
    .cols-md-6 { --gc: 6; }
    .cols-md-7 { --gc: 7; }
    .cols-md-8 { --gc: 8; }
    .cols-md-9 { --gc: 9; }
    .cols-md-10 { --gc: 10; }
    .cols-md-11 { --gc: 11; }
    .cols-md-12 { --gc: 12; }
}

@media (min-width: 992px) {
    .cols-lg-1 { --gc: 1; }
    .cols-lg-2 { --gc: 2; }
    .cols-lg-3 { --gc: 3; }
    .cols-lg-4 { --gc: 4; }
    .cols-lg-5 { --gc: 5; }
    .cols-lg-6 { --gc: 6; }
    .cols-lg-7 { --gc: 7; }
    .cols-lg-8 { --gc: 8; }
    .cols-lg-9 { --gc: 9; }
    .cols-lg-10 { --gc: 10; }
    .cols-lg-11 { --gc: 11; }
    .cols-lg-12 { --gc: 12; }
}

@media (min-width: 1200px) {
    .cols-xl-1 { --gc: 1; }
    .cols-xl-2 { --gc: 2; }
    .cols-xl-3 { --gc: 3; }
    .cols-xl-4 { --gc: 4; }
    .cols-xl-5 { --gc: 5; }
    .cols-xl-6 { --gc: 6; }
    .cols-xl-7 { --gc: 7; }
    .cols-xl-8 { --gc: 8; }
    .cols-xl-9 { --gc: 9; }
    .cols-xl-10 { --gc: 10; }
    .cols-xl-11 { --gc: 11; }
    .cols-xl-12 { --gc: 12; }
}

@media (min-width: 1400px) {
    .cols-xxl-1 { --gc: 1; }
    .cols-xxl-2 { --gc: 2; }
    .cols-xxl-3 { --gc: 3; }
    .cols-xxl-4 { --gc: 4; }
    .cols-xxl-5 { --gc: 5; }
    .cols-xxl-6 { --gc: 6; }
    .cols-xxl-7 { --gc: 7; }
    .cols-xxl-8 { --gc: 8; }
    .cols-xxl-9 { --gc: 9; }
    .cols-xxl-10 { --gc: 10; }
    .cols-xxl-11 { --gc: 11; }
    .cols-xxl-12 { --gc: 12; }
}

/*** ----- Paddings ----- ***/
.p-0 { padding: 0rem; }
.pt-0 { padding-top: 0rem; }
.pe-0 { padding-right: 0rem; }
.pb-0 { padding-bottom: 0rem; }
.ps-0 { padding-left: 0rem; }
.px-0 { padding-left: 0rem; padding-right: 0rem; }
.py-0 { padding-top: 0rem; padding-bottom: 0rem;}

.p-8 { padding: .8rem; }
.pt-8 { padding-top: .8rem; }
.pe-8 { padding-right: .8rem; }
.pb-8 { padding-bottom: .8rem; }
.ps-8 { padding-left: .8rem; }
.px-8 { padding-left: .8rem; padding-right: .8rem }
.py-8 { padding-top: .8rem; margin-bottom: .8rem; }

.pt-10 { padding-top: 1rem; }
.pe-10 { padding-right: 1rem; }
.pb-10 { padding-bottom: 1rem; }
.ps-10 { padding-left: 1rem; }
.px-10 { padding-left: 1rem; padding-right: 1rem; }
.py-10 { padding-top: 1rem; padding-bottom: 1rem; }

.pt-12 { padding-top: 1.2rem; }
.pe-12 { padding-right: 1.2rem; }
.pb-12 { padding-bottom: 1.2rem; }
.ps-12 { padding-left: 1.2rem; }
.px-12 { padding-left: 1.2rem; padding-right: 1.2rem; }
.py-12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }

.pt-14 { padding-top: 1.4rem; }
.pr-14 { padding-right: 1.4rem; }
.pb-14 { padding-bottom: 1.4rem; }
.ps-14 { padding-left: 1.4rem; }
.px-14 { padding-left: 1.4rem; padding-right: 1.4rem; }
.py-14 { padding-top: 1.4rem; padding-bottom: 1.4rem; }

.pt-16 { padding-top: 1.6rem; }
.pe-16 { padding-right: 1.6rem; }
.pb-16 { padding-bottom: 1.6rem; }
.ps-16 { padding-left: 1.6rem; }
.px-16 { padding-left: 1.6rem; padding-right: 1.6rem; }
.py-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }

.pt-20 { padding-top: 2rem; }
.pe-20 { padding-right: 2rem; }
.pb-20 { padding-bottom: 2rem; }
.ps-20 { padding-left: 2rem; }
.px-20 { padding-left: 2rem; padding-right: 2rem; }
.py-20 { padding-top: 2rem; padding-bottom: 2rem; }

.pt-24 { padding-top: 2.4rem; }
.pe-24 { padding-right: 2.4rem; }
.pb-24 { padding-bottom: 2.4rem; }
.ps-24 { padding-left: 2.4rem; }
.px-24 { padding-left: 2.4rem; padding-right: 2.4rem; }
.py-24 { padding-top: 2.4rem; padding-bottom: 2.4rem; }

.pt-28 { padding-top: 2.8rem; }
.pe-28 { padding-right: 2.8rem; }
.pb-28 { padding-bottom: 2.8rem; }
.ps-28 { padding-left: 2.8rem; }
.px-28 { padding-left: 2.8rem; padding-right: 2.8rem; }
.py-28 { padding-top: 2.8rem; padding-bottom: 2.8rem; }

.pt-32 { padding-top: 3.2rem; }
.pe-32 { padding-right: 3.2rem; }
.pb-32 { padding-bottom: 3.2rem; }
.ps-32 { padding-left: 3.2rem; }
.px-32 { padding-left: 3.2rem; padding-right: 3.2rem; }
.py-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; }

.pt-64 { padding-top: 6.4rem; }
.pe-64 { padding-right: 6.4rem; }
.pb-64 { padding-bottom: 6.4rem; }
.ps-64 { padding-left: 6.4rem; }
.px-64 { padding-left: 6.4rem; padding-right: 6.4rem; }
.py-64 { padding-top: 6.4rem; padding-bottom: 6.4rem; }

/*** ----- Margins ----- ***/
.mt-8 { margin-top: .8rem; }
.me-8 { margin-right: .8rem; }
.mb-8 { margin-bottom: .8rem; }
.ms-8 { margin-left: .8rem; }
.mx-8 { margin-left: .8rem; margin-right: .8rem; }
.my-8 { margin-top: .8rem; margin-bottom: .8rem; }

.mt-10 { margin-top: 1rem; }
.me-10 { margin-right: 1rem; }
.mb-10 { margin-bottom: 1rem; }
.ms-10 { margin-left: 1rem; }
.mx-10 { margin-left: 1rem; margin-right: 1rem; }
.my-10 { margin-top: 1rem; margin-bottom: 1rem; }

.mt-12 { margin-top: 1.2rem; }
.me-12 { margin-right: 1.2rem; }
.mb-12 { margin-bottom: 1.2rem; }
.ms-12 { margin-left: 1.2rem; }
.mx-12 { margin-left: 1.2rem; margin-right: 1.2rem; }
.my-12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }

.mt-14 { margin-top: 1.4rem; }
.me-14 { margin-right: 1.4rem; }
.mb-14 { margin-bottom: 1.4rem; }
.ms-14 { margin-left: 1.4rem; }
.mx-14 { margin-left: 1.4rem; margin-right: 1.4rem; }
.my-14 { margin-top: 1.4rem; margin-bottom: 1.4rem; }

.mt-16 { margin-top: 1.6rem; }
.me-16 { margin-right: 1.6rem; }
.mb-16 { margin-bottom: 1.6rem; }
.ms-16 { margin-left: 1.6rem; }
.mx-16 { margin-left: 1.6rem; margin-right: 1.6rem; }
.my-16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }

.mt-20 { margin-top: 2rem; }
.me-20 { margin-right: 2rem; }
.mb-20 { margin-bottom: 2rem; }
.ms-20 { margin-left: 2rem; }
.mx-20 { margin-left: 2rem; margin-right: 2rem; }
.my-20 { margin-top: 2rem; margin-bottom: 2rem; }

.mt-24 { margin-top: 2.4rem; }
.me-24 { margin-right: 2.4rem; }
.mb-24 { margin-bottom: 2.4rem; }
.ms-24 { margin-left: 2.4rem; }
.mx-24 { margin-left: 2.4rem; margin-right: 2.4rem; }
.my-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }

.mt-28 { margin-top: 2.8rem; }
.me-28 { margin-right: 2.8rem; }
.mb-28 { margin-bottom: 2.8rem; }
.ms-28 { margin-left: 2.8rem; }
.mx-28 { margin-left: 2.8rem; margin-right: 2.8rem; }
.my-28 { margin-top: 2.8rem; margin-bottom: 2.8rem; }

.mt-32 { margin-top: 3.2rem; }
.me-32 { margin-right: 3.2rem; }
.mb-32 { margin-bottom: 3.2rem; }
.ms-32 { margin-left: 3.2rem; }
.mx-32 { margin-left: 3.2rem; margin-right: 3.2rem; }
.my-32 { margin-top: 3.2rem; margin-bottom: 3.2rem; }

.mt-64 { margin-top: 6.4rem; }
.me-64 { margin-right: 6.4rem; }
.mb-64 { margin-bottom: 6.4rem; }
.ms-64 { margin-left: 6.4rem; }
.mx-64 { margin-left: 6.4rem; margin-right: 6.4rem; }
.my-64 { margin-top: 6.4rem; margin-bottom: 6.4rem; }

@media (min-width: 576px) {
    /* Paddings */
    .pt-sm-8 { padding-top: .8rem; }
    .pe-sm-8 { padding-right: .8rem; }
    .pb-sm-8 { padding-bottom: .8rem; }
    .ps-sm-8 { padding-left: .8rem; }
    .px-sm-8 { padding-left: .8rem; padding-right: .8rem }
    .py-sm-8 { padding-top: .8rem; margin-bottom: .8rem; }

    .pt-sm-10 { padding-top: 1rem; }
    .pe-sm-10 { padding-right: 1rem; }
    .pb-sm-10 { padding-bottom: 1rem; }
    .ps-sm-10 { padding-left: 1rem; }
    .px-sm-10 { padding-left: 1rem; padding-right: 1rem; }
    .py-sm-10 { padding-top: 1rem; padding-bottom: 1rem; }

    .pt-sm-12 { padding-top: 1.2rem; }
    .pe-sm-12 { padding-right: 1.2rem; }
    .pb-sm-12 { padding-bottom: 1.2rem; }
    .ps-sm-12 { padding-left: 1.2rem; }
    .px-sm-12 { padding-left: 1.2rem; padding-right: 1.2rem; }
    .py-sm-12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }

    .pt-sm-14 { padding-top: 1.4rem; }
    .pr-sm-14 { padding-right: 1.4rem; }
    .pb-sm-14 { padding-bottom: 1.4rem; }
    .ps-sm-14 { padding-left: 1.4rem; }
    .px-sm-14 { padding-left: 1.4rem; padding-right: 1.4rem; }
    .py-sm-14 { padding-top: 1.4rem; padding-bottom: 1.4rem; }

    .pt-sm-16 { padding-top: 1.6rem; }
    .pe-sm-16 { padding-right: 1.6rem; }
    .pb-sm-16 { padding-bottom: 1.6rem; }
    .ps-sm-16 { padding-left: 1.6rem; }
    .px-sm-16 { padding-left: 1.6rem; padding-right: 1.6rem; }
    .py-sm-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }

    .pt-sm-20 { padding-top: 2rem; }
    .pe-sm-20 { padding-right: 2rem; }
    .pb-sm-20 { padding-bottom: 2rem; }
    .ps-sm-20 { padding-left: 2rem; }
    .px-sm-20 { padding-left: 2rem; padding-right: 2rem; }
    .py-sm-20 { padding-top: 2rem; padding-bottom: 2rem; }

    .pt-sm-24 { padding-top: 2.4rem; }
    .pe-sm-24 { padding-right: 2.4rem; }
    .pb-sm-24 { padding-bottom: 2.4rem; }
    .ps-sm-24 { padding-left: 2.4rem; }
    .px-sm-24 { padding-left: 2.4rem; padding-right: 2.4rem; }
    .py-sm-24 { padding-top: 2.4rem; padding-bottom: 2.4rem; }

    .pt-sm-28 { padding-top: 2.8rem; }
    .pe-sm-28 { padding-right: 2.8rem; }
    .pb-sm-28 { padding-bottom: 2.8rem; }
    .ps-sm-28 { padding-left: 2.8rem; }
    .px-sm-28 { padding-left: 2.8rem; padding-right: 2.8rem; }
    .py-sm-28 { padding-top: 2.8rem; padding-bottom: 2.8rem; }

    .pt-sm-32 { padding-top: 3.2rem; }
    .pe-sm-32 { padding-right: 3.2rem; }
    .pb-sm-32 { padding-bottom: 3.2rem; }
    .ps-sm-32 { padding-left: 3.2rem; }
    .px-sm-32 { padding-left: 3.2rem; padding-right: 3.2rem; }
    .py-sm-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; }

    .pt-sm-64 { padding-top: 6.4rem; }
    .pe-sm-64 { padding-right: 6.4rem; }
    .pb-sm-64 { padding-bottom: 6.4rem; }
    .ps-sm-64 { padding-left: 6.4rem; }
    .px-sm-64 { padding-left: 6.4rem; padding-right: 6.4rem; }
    .py-sm-64 { padding-top: 6.4rem; padding-bottom: 6.4rem; }

    /* Margins */
    .mt-sm-8 { margin-top: .8rem; }
    .me-sm-8 { margin-right: .8rem; }
    .mb-sm-8 { margin-bottom: .8rem; }
    .ms-sm-8 { margin-left: .8rem; }
    .mx-sm-8 { margin-left: .8rem; margin-right: .8rem; }
    .my-sm-8 { margin-top: .8rem; margin-bottom: .8rem; }

    .mt-sm-10 { margin-top: 1rem; }
    .me-sm-10 { margin-right: 1rem; }
    .mb-sm-10 { margin-bottom: 1rem; }
    .ms-sm-10 { margin-left: 1rem; }
    .mx-sm-10 { margin-left: 1rem; margin-right: 1rem; }
    .my-sm-10 { margin-top: 1rem; margin-bottom: 1rem; }

    .mt-sm-12 { margin-top: 1.2rem; }
    .me-sm-12 { margin-right: 1.2rem; }
    .mb-sm-12 { margin-bottom: 1.2rem; }
    .ms-sm-12 { margin-left: 1.2rem; }
    .mx-sm-12 { margin-left: 1.2rem; margin-right: 1.2rem; }
    .my-sm-12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }

    .mt-sm-14 { margin-top: 1.4rem; }
    .me-sm-14 { margin-right: 1.4rem; }
    .mb-sm-14 { margin-bottom: 1.4rem; }
    .ms-sm-14 { margin-left: 1.4rem; }
    .mx-sm-14 { margin-left: 1.4rem; margin-right: 1.4rem; }
    .my-sm-14 { margin-top: 1.4rem; margin-bottom: 1.4rem; }

    .mt-sm-16 { margin-top: 1.6rem; }
    .me-sm-16 { margin-right: 1.6rem; }
    .mb-sm-16 { margin-bottom: 1.6rem; }
    .ms-sm-16 { margin-left: 1.6rem; }
    .mx-sm-16 { margin-left: 1.6rem; margin-right: 1.6rem; }
    .my-sm-16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }

    .mt-sm-20 { margin-top: 2rem; }
    .me-sm-20 { margin-right: 2rem; }
    .mb-sm-20 { margin-bottom: 2rem; }
    .ms-sm-20 { margin-left: 2rem; }
    .mx-sm-20 { margin-left: 2rem; margin-right: 2rem; }
    .my-sm-20 { margin-top: 2rem; margin-bottom: 2rem; }

    .mt-sm-24 { margin-top: 2.4rem; }
    .me-sm-24 { margin-right: 2.4rem; }
    .mb-sm-24 { margin-bottom: 2.4rem; }
    .ms-sm-24 { margin-left: 2.4rem; }
    .mx-sm-24 { margin-left: 2.4rem; margin-right: 2.4rem; }
    .my-sm-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }

    .mt-sm-28 { margin-top: 2.8rem; }
    .me-sm-28 { margin-right: 2.8rem; }
    .mb-sm-28 { margin-bottom: 2.8rem; }
    .ms-sm-28 { margin-left: 2.8rem; }
    .mx-sm-28 { margin-left: 2.8rem; margin-right: 2.8rem; }
    .my-sm-28 { margin-top: 2.8rem; margin-bottom: 2.8rem; }

    .mt-sm-32 { margin-top: 3.2rem; }
    .me-sm-32 { margin-right: 3.2rem; }
    .mb-sm-32 { margin-bottom: 3.2rem; }
    .ms-sm-32 { margin-left: 3.2rem; }
    .mx-sm-32 { margin-left: 3.2rem; margin-right: 3.2rem; }
    .my-sm-32 { margin-top: 3.2rem; margin-bottom: 3.2rem; }

    .mt-sm-64 { margin-top: 6.4rem; }
    .me-sm-64 { margin-right: 6.4rem; }
    .mb-sm-64 { margin-bottom: 6.4rem; }
    .ms-sm-64 { margin-left: 6.4rem; }
    .mx-sm-64 { margin-left: 6.4rem; margin-right: 6.4rem; }
    .my-sm-64 { margin-top: 6.4rem; margin-bottom: 6.4rem; }
}

@media (min-width: 768px) {
    /* Paddings */
    .pt-md-8 { padding-top: .8rem; }
    .pe-md-8 { padding-right: .8rem; }
    .pb-md-8 { padding-bottom: .8rem; }
    .ps-md-8 { padding-left: .8rem; }
    .px-md-8 { padding-left: .8rem; padding-right: .8rem }
    .py-md-8 { padding-top: .8rem; margin-bottom: .8rem; }

    .pt-md-10 { padding-top: 1rem; }
    .pe-md-10 { padding-right: 1rem; }
    .pb-md-10 { padding-bottom: 1rem; }
    .ps-md-10 { padding-left: 1rem; }
    .px-md-10 { padding-left: 1rem; padding-right: 1rem; }
    .py-md-10 { padding-top: 1rem; padding-bottom: 1rem; }

    .pt-md-12 { padding-top: 1.2rem; }
    .pe-md-12 { padding-right: 1.2rem; }
    .pb-md-12 { padding-bottom: 1.2rem; }
    .ps-md-12 { padding-left: 1.2rem; }
    .px-md-12 { padding-left: 1.2rem; padding-right: 1.2rem; }
    .py-md-12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }

    .pt-md-14 { padding-top: 1.4rem; }
    .pr-md-14 { padding-right: 1.4rem; }
    .pb-md-14 { padding-bottom: 1.4rem; }
    .ps-md-14 { padding-left: 1.4rem; }
    .px-md-14 { padding-left: 1.4rem; padding-right: 1.4rem; }
    .py-md-14 { padding-top: 1.4rem; padding-bottom: 1.4rem; }

    .pt-sm-16 { padding-top: 1.6rem; }
    .pe-sm-16 { padding-right: 1.6rem; }
    .pb-sm-16 { padding-bottom: 1.6rem; }
    .ps-sm-16 { padding-left: 1.6rem; }
    .px-sm-16 { padding-left: 1.6rem; padding-right: 1.6rem; }
    .py-sm-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }

    .pt-md-20 { padding-top: 2rem; }
    .pe-md-20 { padding-right: 2rem; }
    .pb-md-20 { padding-bottom: 2rem; }
    .ps-md-20 { padding-left: 2rem; }
    .px-md-20 { padding-left: 2rem; padding-right: 2rem; }
    .py-md-20 { padding-top: 2rem; padding-bottom: 2rem; }

    .pt-md-24 { padding-top: 2.4rem; }
    .pe-md-24 { padding-right: 2.4rem; }
    .pb-md-24 { padding-bottom: 2.4rem; }
    .ps-md-24 { padding-left: 2.4rem; }
    .px-md-24 { padding-left: 2.4rem; padding-right: 2.4rem; }
    .py-md-24 { padding-top: 2.4rem; padding-bottom: 2.4rem; }

    .pt-md-28 { padding-top: 2.8rem; }
    .pe-md-28 { padding-right: 2.8rem; }
    .pb-md-28 { padding-bottom: 2.8rem; }
    .ps-md-28 { padding-left: 2.8rem; }
    .px-md-28 { padding-left: 2.8rem; padding-right: 2.8rem; }
    .py-md-28 { padding-top: 2.8rem; padding-bottom: 2.8rem; }

    .pt-md-32 { padding-top: 3.2rem; }
    .pe-md-32 { padding-right: 3.2rem; }
    .pb-md-32 { padding-bottom: 3.2rem; }
    .ps-md-32 { padding-left: 3.2rem; }
    .px-md-32 { padding-left: 3.2rem; padding-right: 3.2rem; }
    .py-md-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; }

    .pt-md-64 { padding-top: 6.4rem; }
    .pe-md-64 { padding-right: 6.4rem; }
    .pb-md-64 { padding-bottom: 6.4rem; }
    .ps-md-64 { padding-left: 6.4rem; }
    .px-md-64 { padding-left: 6.4rem; padding-right: 6.4rem; }
    .py-md-64 { padding-top: 6.4rem; padding-bottom: 6.4rem; }

    /* Margins */
    .mt-sm-8 { margin-top: .8rem; }
    .me-sm-8 { margin-right: .8rem; }
    .mb-sm-8 { margin-bottom: .8rem; }
    .ms-sm-8 { margin-left: .8rem; }
    .mx-sm-8 { margin-left: .8rem; margin-right: .8rem; }
    .my-sm-8 { margin-top: .8rem; margin-bottom: .8rem; }

    .mt-sm-10 { margin-top: 1rem; }
    .me-sm-10 { margin-right: 1rem; }
    .mb-sm-10 { margin-bottom: 1rem; }
    .ms-sm-10 { margin-left: 1rem; }
    .mx-sm-10 { margin-left: 1rem; margin-right: 1rem; }
    .my-sm-10 { margin-top: 1rem; margin-bottom: 1rem; }

    .mt-sm-12 { margin-top: 1.2rem; }
    .me-sm-12 { margin-right: 1.2rem; }
    .mb-sm-12 { margin-bottom: 1.2rem; }
    .ms-sm-12 { margin-left: 1.2rem; }
    .mx-sm-12 { margin-left: 1.2rem; margin-right: 1.2rem; }
    .my-sm-12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }

    .mt-sm-14 { margin-top: 1.4rem; }
    .me-sm-14 { margin-right: 1.4rem; }
    .mb-sm-14 { margin-bottom: 1.4rem; }
    .ms-sm-14 { margin-left: 1.4rem; }
    .mx-sm-14 { margin-left: 1.4rem; margin-right: 1.4rem; }
    .my-sm-14 { margin-top: 1.4rem; margin-bottom: 1.4rem; }

    .mt-sm-16 { margin-top: 1.6rem; }
    .me-sm-16 { margin-right: 1.6rem; }
    .mb-sm-16 { margin-bottom: 1.6rem; }
    .ms-sm-16 { margin-left: 1.6rem; }
    .mx-sm-16 { margin-left: 1.6rem; margin-right: 1.6rem; }
    .my-sm-16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }

    .mt-sm-20 { margin-top: 2rem; }
    .me-sm-20 { margin-right: 2rem; }
    .mb-sm-20 { margin-bottom: 2rem; }
    .ms-sm-20 { margin-left: 2rem; }
    .mx-sm-20 { margin-left: 2rem; margin-right: 2rem; }
    .my-sm-20 { margin-top: 2rem; margin-bottom: 2rem; }

    .mt-sm-24 { margin-top: 2.4rem; }
    .me-sm-24 { margin-right: 2.4rem; }
    .mb-sm-24 { margin-bottom: 2.4rem; }
    .ms-sm-24 { margin-left: 2.4rem; }
    .mx-sm-24 { margin-left: 2.4rem; margin-right: 2.4rem; }
    .my-sm-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }

    .mt-sm-28 { margin-top: 2.8rem; }
    .me-sm-28 { margin-right: 2.8rem; }
    .mb-sm-28 { margin-bottom: 2.8rem; }
    .ms-sm-28 { margin-left: 2.8rem; }
    .mx-sm-28 { margin-left: 2.8rem; margin-right: 2.8rem; }
    .my-sm-28 { margin-top: 2.8rem; margin-bottom: 2.8rem; }

    .mt-sm-32 { margin-top: 3.2rem; }
    .me-sm-32 { margin-right: 3.2rem; }
    .mb-sm-32 { margin-bottom: 3.2rem; }
    .ms-sm-32 { margin-left: 3.2rem; }
    .mx-sm-32 { margin-left: 3.2rem; margin-right: 3.2rem; }
    .my-sm-32 { margin-top: 3.2rem; margin-bottom: 3.2rem; }

    .mt-sm-64 { margin-top: 6.4rem; }
    .me-sm-64 { margin-right: 6.4rem; }
    .mb-sm-64 { margin-bottom: 6.4rem; }
    .ms-sm-64 { margin-left: 6.4rem; }
    .mx-sm-64 { margin-left: 6.4rem; margin-right: 6.4rem; }
    .my-sm-64 { margin-top: 6.4rem; margin-bottom: 6.4rem; }
}

@media (min-width: 992px) {
    /* Paddings */
    .pt-lg-8 { padding-top: .8rem; }
    .pe-lg-8 { padding-right: .8rem; }
    .pb-lg-8 { padding-bottom: .8rem; }
    .ps-lg-8 { padding-left: .8rem; }
    .px-lg-8 { padding-left: .8rem; padding-right: .8rem }
    .py-lg-8 { padding-top: .8rem; margin-bottom: .8rem; }

    .pt-lg-10 { padding-top: 1rem; }
    .pe-lg-10 { padding-right: 1rem; }
    .pb-lg-10 { padding-bottom: 1rem; }
    .ps-lg-10 { padding-left: 1rem; }
    .px-lg-10 { padding-left: 1rem; padding-right: 1rem; }
    .py-lg-10 { padding-top: 1rem; padding-bottom: 1rem; }

    .pt-lg-12 { padding-top: 1.2rem; }
    .pe-lg-12 { padding-right: 1.2rem; }
    .pb-lg-12 { padding-bottom: 1.2rem; }
    .ps-lg-12 { padding-left: 1.2rem; }
    .px-lg-12 { padding-left: 1.2rem; padding-right: 1.2rem; }
    .py-lg-12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }

    .pt-lg-14 { padding-top: 1.4rem; }
    .pr-lg-14 { padding-right: 1.4rem; }
    .pb-lg-14 { padding-bottom: 1.4rem; }
    .ps-lg-14 { padding-left: 1.4rem; }
    .px-lg-14 { padding-left: 1.4rem; padding-right: 1.4rem; }
    .py-lg-14 { padding-top: 1.4rem; padding-bottom: 1.4rem; }

    .pt-lg-16 { padding-top: 1.6rem; }
    .pe-lg-16 { padding-right: 1.6rem; }
    .pb-lg-16 { padding-bottom: 1.6rem; }
    .ps-lg-16 { padding-left: 1.6rem; }
    .px-lg-16 { padding-left: 1.6rem; padding-right: 1.6rem; }
    .py-lg-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }

    .pt-lg-20 { padding-top: 2rem; }
    .pe-lg-20 { padding-right: 2rem; }
    .pb-lg-20 { padding-bottom: 2rem; }
    .ps-lg-20 { padding-left: 2rem; }
    .px-lg-20 { padding-left: 2rem; padding-right: 2rem; }
    .py-lg-20 { padding-top: 2rem; padding-bottom: 2rem; }

    .pt-lg-24 { padding-top: 2.4rem; }
    .pe-lg-24 { padding-right: 2.4rem; }
    .pb-lg-24 { padding-bottom: 2.4rem; }
    .ps-lg-24 { padding-left: 2.4rem; }
    .px-lg-24 { padding-left: 2.4rem; padding-right: 2.4rem; }
    .py-lg-24 { padding-top: 2.4rem; padding-bottom: 2.4rem; }

    .pt-lg-28 { padding-top: 2.8rem; }
    .pe-lg-28 { padding-right: 2.8rem; }
    .pb-lg-28 { padding-bottom: 2.8rem; }
    .ps-lg-28 { padding-left: 2.8rem; }
    .px-lg-28 { padding-left: 2.8rem; padding-right: 2.8rem; }
    .py-lg-28 { padding-top: 2.8rem; padding-bottom: 2.8rem; }

    .pt-lg-32 { padding-top: 3.2rem; }
    .pe-lg-32 { padding-right: 3.2rem; }
    .pb-lg-32 { padding-bottom: 3.2rem; }
    .ps-lg-32 { padding-left: 3.2rem; }
    .px-lg-32 { padding-left: 3.2rem; padding-right: 3.2rem; }
    .py-lg-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; }

    .pt-lg-64 { padding-top: 6.4rem; }
    .pe-lg-64 { padding-right: 6.4rem; }
    .pb-lg-64 { padding-bottom: 6.4rem; }
    .ps-lg-64 { padding-left: 6.4rem; }
    .px-lg-64 { padding-left: 6.4rem; padding-right: 6.4rem; }
    .py-lg-64 { padding-top: 6.4rem; padding-bottom: 6.4rem; }

    /* Margins */
    .mt-lg-8 { margin-top: .8rem; }
    .me-lg-8 { margin-right: .8rem; }
    .mb-lg-8 { margin-bottom: .8rem; }
    .ms-lg-8 { margin-left: .8rem; }
    .mx-lg-8 { margin-left: .8rem; margin-right: .8rem; }
    .my-lg-8 { margin-top: .8rem; margin-bottom: .8rem; }

    .mt-lg-10 { margin-top: 1rem; }
    .me-lg-10 { margin-right: 1rem; }
    .mb-lg-10 { margin-bottom: 1rem; }
    .ms-lg-10 { margin-left: 1rem; }
    .mx-lg-10 { margin-left: 1rem; margin-right: 1rem; }
    .my-lg-10 { margin-top: 1rem; margin-bottom: 1rem; }

    .mt-lg-12 { margin-top: 1.2rem; }
    .me-lg-12 { margin-right: 1.2rem; }
    .mb-lg-12 { margin-bottom: 1.2rem; }
    .ms-lg-12 { margin-left: 1.2rem; }
    .mx-lg-12 { margin-left: 1.2rem; margin-right: 1.2rem; }
    .my-lg-12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }

    .mt-lg-14 { margin-top: 1.4rem; }
    .me-lg-14 { margin-right: 1.4rem; }
    .mb-lg-14 { margin-bottom: 1.4rem; }
    .ms-lg-14 { margin-left: 1.4rem; }
    .mx-lg-14 { margin-left: 1.4rem; margin-right: 1.4rem; }
    .my-lg-14 { margin-top: 1.4rem; margin-bottom: 1.4rem; }

    .mt-lg-16 { margin-top: 1.6rem; }
    .me-lg-16 { margin-right: 1.6rem; }
    .mb-lg-16 { margin-bottom: 1.6rem; }
    .ms-lg-16 { margin-left: 1.6rem; }
    .mx-lg-16 { margin-left: 1.6rem; margin-right: 1.6rem; }
    .my-lg-16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }

    .mt-lg-20 { margin-top: 2rem; }
    .me-lg-20 { margin-right: 2rem; }
    .mb-lg-20 { margin-bottom: 2rem; }
    .ms-lg-20 { margin-left: 2rem; }
    .mx-lg-20 { margin-left: 2rem; margin-right: 2rem; }
    .my-lg-20 { margin-top: 2rem; margin-bottom: 2rem; }

    .mt-lg-24 { margin-top: 2.4rem; }
    .me-lg-24 { margin-right: 2.4rem; }
    .mb-lg-24 { margin-bottom: 2.4rem; }
    .ms-lg-24 { margin-left: 2.4rem; }
    .mx-lg-24 { margin-left: 2.4rem; margin-right: 2.4rem; }
    .my-lg-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }

    .mt-lg-28 { margin-top: 2.8rem; }
    .me-lg-28 { margin-right: 2.8rem; }
    .mb-lg-28 { margin-bottom: 2.8rem; }
    .ms-lg-28 { margin-left: 2.8rem; }
    .mx-lg-28 { margin-left: 2.8rem; margin-right: 2.8rem; }
    .my-lg-28 { margin-top: 2.8rem; margin-bottom: 2.8rem; }

    .mt-lg-32 { margin-top: 3.2rem; }
    .me-lg-32 { margin-right: 3.2rem; }
    .mb-lg-32 { margin-bottom: 3.2rem; }
    .ms-lg-32 { margin-left: 3.2rem; }
    .mx-lg-32 { margin-left: 3.2rem; margin-right: 3.2rem; }
    .my-lg-32 { margin-top: 3.2rem; margin-bottom: 3.2rem; }

    .mt-lg-64 { margin-top: 6.4rem; }
    .me-lg-64 { margin-right: 6.4rem; }
    .mb-lg-64 { margin-bottom: 6.4rem; }
    .ms-lg-64 { margin-left: 6.4rem; }
    .mx-lg-64 { margin-left: 6.4rem; margin-right: 6.4rem; }
    .my-lg-64 { margin-top: 6.4rem; margin-bottom: 6.4rem; }
}

@media (min-width: 1200px) {
    /* Paddings */
    .pt-xl-8 { padding-top: .8rem; }
    .pe-xl-8 { padding-right: .8rem; }
    .pb-xl-8 { padding-bottom: .8rem; }
    .ps-xl-8 { padding-left: .8rem; }
    .px-xl-8 { padding-left: .8rem; padding-right: .8rem }
    .py-xl-8 { padding-top: .8rem; margin-bottom: .8rem; }

    .pt-xl-10 { padding-top: 1rem; }
    .pe-xl-10 { padding-right: 1rem; }
    .pb-xl-10 { padding-bottom: 1rem; }
    .ps-xl-10 { padding-left: 1rem; }
    .px-xl-10 { padding-left: 1rem; padding-right: 1rem; }
    .py-xl-10 { padding-top: 1rem; padding-bottom: 1rem; }

    .pt-xl-12 { padding-top: 1.2rem; }
    .pe-xl-12 { padding-right: 1.2rem; }
    .pb-xl-12 { padding-bottom: 1.2rem; }
    .ps-xl-12 { padding-left: 1.2rem; }
    .px-xl-12 { padding-left: 1.2rem; padding-right: 1.2rem; }
    .py-xl-12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }

    .pt-xl-14 { padding-top: 1.4rem; }
    .pr-xl-14 { padding-right: 1.4rem; }
    .pb-xl-14 { padding-bottom: 1.4rem; }
    .ps-xl-14 { padding-left: 1.4rem; }
    .px-xl-14 { padding-left: 1.4rem; padding-right: 1.4rem; }
    .py-xl-14 { padding-top: 1.4rem; padding-bottom: 1.4rem; }

    .pt-xl-16 { padding-top: 1.6rem; }
    .pe-xl-16 { padding-right: 1.6rem; }
    .pb-xl-16 { padding-bottom: 1.6rem; }
    .ps-xl-16 { padding-left: 1.6rem; }
    .px-xl-16 { padding-left: 1.6rem; padding-right: 1.6rem; }
    .py-xl-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }

    .pt-xl-20 { padding-top: 2rem; }
    .pe-xl-20 { padding-right: 2rem; }
    .pb-xl-20 { padding-bottom: 2rem; }
    .ps-xl-20 { padding-left: 2rem; }
    .px-xl-20 { padding-left: 2rem; padding-right: 2rem; }
    .py-xl-20 { padding-top: 2rem; padding-bottom: 2rem; }

    .pt-xl-24 { padding-top: 2.4rem; }
    .pe-xl-24 { padding-right: 2.4rem; }
    .pb-xl-24 { padding-bottom: 2.4rem; }
    .ps-xl-24 { padding-left: 2.4rem; }
    .px-xl-24 { padding-left: 2.4rem; padding-right: 2.4rem; }
    .py-xl-24 { padding-top: 2.4rem; padding-bottom: 2.4rem; }

    .pt-xl-28 { padding-top: 2.8rem; }
    .pe-xl-28 { padding-right: 2.8rem; }
    .pb-xl-28 { padding-bottom: 2.8rem; }
    .ps-xl-28 { padding-left: 2.8rem; }
    .px-xl-28 { padding-left: 2.8rem; padding-right: 2.8rem; }
    .py-xl-28 { padding-top: 2.8rem; padding-bottom: 2.8rem; }

    .pt-xl-32 { padding-top: 3.2rem; }
    .pe-xl-32 { padding-right: 3.2rem; }
    .pb-xl-32 { padding-bottom: 3.2rem; }
    .ps-xl-32 { padding-left: 3.2rem; }
    .px-xl-32 { padding-left: 3.2rem; padding-right: 3.2rem; }
    .py-xl-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; }

    .pt-xl-64 { padding-top: 6.4rem; }
    .pe-xl-64 { padding-right: 6.4rem; }
    .pb-xl-64 { padding-bottom: 6.4rem; }
    .ps-xl-64 { padding-left: 6.4rem; }
    .px-xl-64 { padding-left: 6.4rem; padding-right: 6.4rem; }
    .py-xl-64 { padding-top: 6.4rem; padding-bottom: 6.4rem; }

    /* Margins */
    .mt-xl-8 { margin-top: .8rem; }
    .me-xl-8 { margin-right: .8rem; }
    .mb-xl-8 { margin-bottom: .8rem; }
    .ms-xl-8 { margin-left: .8rem; }
    .mx-xl-8 { margin-left: .8rem; margin-right: .8rem; }
    .my-xl-8 { margin-top: .8rem; margin-bottom: .8rem; }

    .mt-xl-10 { margin-top: 1rem; }
    .me-xl-10 { margin-right: 1rem; }
    .mb-xl-10 { margin-bottom: 1rem; }
    .ms-xl-10 { margin-left: 1rem; }
    .mx-xl-10 { margin-left: 1rem; margin-right: 1rem; }
    .my-xl-10 { margin-top: 1rem; margin-bottom: 1rem; }

    .mt-xl-12 { margin-top: 1.2rem; }
    .me-xl-12 { margin-right: 1.2rem; }
    .mb-xl-12 { margin-bottom: 1.2rem; }
    .ms-xl-12 { margin-left: 1.2rem; }
    .mx-xl-12 { margin-left: 1.2rem; margin-right: 1.2rem; }
    .my-xl-12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }

    .mt-xl-14 { margin-top: 1.4rem; }
    .me-xl-14 { margin-right: 1.4rem; }
    .mb-xl-14 { margin-bottom: 1.4rem; }
    .ms-xl-14 { margin-left: 1.4rem; }
    .mx-xl-14 { margin-left: 1.4rem; margin-right: 1.4rem; }
    .my-xl-14 { margin-top: 1.4rem; margin-bottom: 1.4rem; }

    .mt-xl-16 { margin-top: 1.6rem; }
    .me-xl-16 { margin-right: 1.6rem; }
    .mb-xl-16 { margin-bottom: 1.6rem; }
    .ms-xl-16 { margin-left: 1.6rem; }
    .mx-xl-16 { margin-left: 1.6rem; margin-right: 1.6rem; }
    .my-xl-16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }

    .mt-xl-20 { margin-top: 2rem; }
    .me-xl-20 { margin-right: 2rem; }
    .mb-xl-20 { margin-bottom: 2rem; }
    .ms-xl-20 { margin-left: 2rem; }
    .mx-xl-20 { margin-left: 2rem; margin-right: 2rem; }
    .my-xl-20 { margin-top: 2rem; margin-bottom: 2rem; }

    .mt-xl-24 { margin-top: 2.4rem; }
    .me-xl-24 { margin-right: 2.4rem; }
    .mb-xl-24 { margin-bottom: 2.4rem; }
    .ms-xl-24 { margin-left: 2.4rem; }
    .mx-xl-24 { margin-left: 2.4rem; margin-right: 2.4rem; }
    .my-xl-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }

    .mt-xl-28 { margin-top: 2.8rem; }
    .me-xl-28 { margin-right: 2.8rem; }
    .mb-xl-28 { margin-bottom: 2.8rem; }
    .ms-xl-28 { margin-left: 2.8rem; }
    .mx-xl-28 { margin-left: 2.8rem; margin-right: 2.8rem; }
    .my-xl-28 { margin-top: 2.8rem; margin-bottom: 2.8rem; }

    .mt-xl-32 { margin-top: 3.2rem; }
    .me-xl-32 { margin-right: 3.2rem; }
    .mb-xl-32 { margin-bottom: 3.2rem; }
    .ms-xl-32 { margin-left: 3.2rem; }
    .mx-xl-32 { margin-left: 3.2rem; margin-right: 3.2rem; }
    .my-xl-32 { margin-top: 3.2rem; margin-bottom: 3.2rem; }

    .mt-xl-64 { margin-top: 6.4rem; }
    .me-xl-64 { margin-right: 6.4rem; }
    .mb-xl-64 { margin-bottom: 6.4rem; }
    .ms-xl-64 { margin-left: 6.4rem; }
    .mx-xl-64 { margin-left: 6.4rem; margin-right: 6.4rem; }
    .my-xl-64 { margin-top: 6.4rem; margin-bottom: 6.4rem; }
}

@media (min-width: 1400px) {
    /* Paddings */
    .pt-xxl-8 { padding-top: .8rem; }
    .pe-xxl-8 { padding-right: .8rem; }
    .pb-xxl-8 { padding-bottom: .8rem; }
    .ps-xxl-8 { padding-left: .8rem; }
    .px-xxl-8 { padding-left: .8rem; padding-right: .8rem }
    .py-xxl-8 { padding-top: .8rem; margin-bottom: .8rem; }

    .pt-xxl-10 { padding-top: 1rem; }
    .pe-xxl-10 { padding-right: 1rem; }
    .pb-xxl-10 { padding-bottom: 1rem; }
    .ps-xxl-10 { padding-left: 1rem; }
    .px-xxl-10 { padding-left: 1rem; padding-right: 1rem; }
    .py-xxl-10 { padding-top: 1rem; padding-bottom: 1rem; }

    .pt-xxl-12 { padding-top: 1.2rem; }
    .pe-xxl-12 { padding-right: 1.2rem; }
    .pb-xxl-12 { padding-bottom: 1.2rem; }
    .ps-xxl-12 { padding-left: 1.2rem; }
    .px-xxl-12 { padding-left: 1.2rem; padding-right: 1.2rem; }
    .py-xxl-12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }

    .pt-xxl-14 { padding-top: 1.4rem; }
    .pr-xxl-14 { padding-right: 1.4rem; }
    .pb-xxl-14 { padding-bottom: 1.4rem; }
    .ps-xxl-14 { padding-left: 1.4rem; }
    .px-xxl-14 { padding-left: 1.4rem; padding-right: 1.4rem; }
    .py-xxl-14 { padding-top: 1.4rem; padding-bottom: 1.4rem; }

    .pt-xxl-16 { padding-top: 1.6rem; }
    .pe-xxl-16 { padding-right: 1.6rem; }
    .pb-xxl-16 { padding-bottom: 1.6rem; }
    .ps-xxl-16 { padding-left: 1.6rem; }
    .px-xxl-16 { padding-left: 1.6rem; padding-right: 1.6rem; }
    .py-xxl-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }

    .pt-xxl-20 { padding-top: 2rem; }
    .pe-xxl-20 { padding-right: 2rem; }
    .pb-xxl-20 { padding-bottom: 2rem; }
    .ps-xxl-20 { padding-left: 2rem; }
    .px-xxl-20 { padding-left: 2rem; padding-right: 2rem; }
    .py-xxl-20 { padding-top: 2rem; padding-bottom: 2rem; }

    .pt-xxl-24 { padding-top: 2.4rem; }
    .pe-xxl-24 { padding-right: 2.4rem; }
    .pb-xxl-24 { padding-bottom: 2.4rem; }
    .ps-xxl-24 { padding-left: 2.4rem; }
    .px-xxl-24 { padding-left: 2.4rem; padding-right: 2.4rem; }
    .py-xxl-24 { padding-top: 2.4rem; padding-bottom: 2.4rem; }

    .pt-xxl-28 { padding-top: 2.8rem; }
    .pe-xxl-28 { padding-right: 2.8rem; }
    .pb-xxl-28 { padding-bottom: 2.8rem; }
    .ps-xxl-28 { padding-left: 2.8rem; }
    .px-xxl-28 { padding-left: 2.8rem; padding-right: 2.8rem; }
    .py-xxl-28 { padding-top: 2.8rem; padding-bottom: 2.8rem; }

    .pt-xxl-32 { padding-top: 3.2rem; }
    .pe-xxl-32 { padding-right: 3.2rem; }
    .pb-xxl-32 { padding-bottom: 3.2rem; }
    .ps-xxl-32 { padding-left: 3.2rem; }
    .px-xxl-32 { padding-left: 3.2rem; padding-right: 3.2rem; }
    .py-xxl-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; }

    .pt-xxl-64 { padding-top: 6.4rem; }
    .pe-xxl-64 { padding-right: 6.4rem; }
    .pb-xxl-64 { padding-bottom: 6.4rem; }
    .ps-xxl-64 { padding-left: 6.4rem; }
    .px-xxl-64 { padding-left: 6.4rem; padding-right: 6.4rem; }
    .py-xxl-64 { padding-top: 6.4rem; padding-bottom: 6.4rem; }

    /* Margins */
    .mt-xxl-8 { margin-top: .8rem; }
    .me-xxl-8 { margin-right: .8rem; }
    .mb-xxl-8 { margin-bottom: .8rem; }
    .ms-xxl-8 { margin-left: .8rem; }
    .mx-xxl-8 { margin-left: .8rem; margin-right: .8rem; }
    .my-xxl-8 { margin-top: .8rem; margin-bottom: .8rem; }

    .mt-xxl-10 { margin-top: 1rem; }
    .me-xxl-10 { margin-right: 1rem; }
    .mb-xxl-10 { margin-bottom: 1rem; }
    .ms-xxl-10 { margin-left: 1rem; }
    .mx-xxl-10 { margin-left: 1rem; margin-right: 1rem; }
    .my-xxl-10 { margin-top: 1rem; margin-bottom: 1rem; }

    .mt-xxl-12 { margin-top: 1.2rem; }
    .me-xxl-12 { margin-right: 1.2rem; }
    .mb-xxl-12 { margin-bottom: 1.2rem; }
    .ms-xxl-12 { margin-left: 1.2rem; }
    .mx-xxl-12 { margin-left: 1.2rem; margin-right: 1.2rem; }
    .my-xxl-12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }

    .mt-xxl-14 { margin-top: 1.4rem; }
    .me-xxl-14 { margin-right: 1.4rem; }
    .mb-xxl-14 { margin-bottom: 1.4rem; }
    .ms-xxl-14 { margin-left: 1.4rem; }
    .mx-xxl-14 { margin-left: 1.4rem; margin-right: 1.4rem; }
    .my-xxl-14 { margin-top: 1.4rem; margin-bottom: 1.4rem; }

    .mt-xxl-16 { margin-top: 1.6rem; }
    .me-xxl-16 { margin-right: 1.6rem; }
    .mb-xxl-16 { margin-bottom: 1.6rem; }
    .ms-xxl-16 { margin-left: 1.6rem; }
    .mx-xxl-16 { margin-left: 1.6rem; margin-right: 1.6rem; }
    .my-xxl-16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }

    .mt-xxl-20 { margin-top: 2rem; }
    .me-xxl-20 { margin-right: 2rem; }
    .mb-xxl-20 { margin-bottom: 2rem; }
    .ms-xxl-20 { margin-left: 2rem; }
    .mx-xxl-20 { margin-left: 2rem; margin-right: 2rem; }
    .my-xxl-20 { margin-top: 2rem; margin-bottom: 2rem; }

    .mt-xxl-24 { margin-top: 2.4rem; }
    .me-xxl-24 { margin-right: 2.4rem; }
    .mb-xxl-24 { margin-bottom: 2.4rem; }
    .ms-xxl-24 { margin-left: 2.4rem; }
    .mx-xxl-24 { margin-left: 2.4rem; margin-right: 2.4rem; }
    .my-xxl-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }

    .mt-xxl-28 { margin-top: 2.8rem; }
    .me-xxl-28 { margin-right: 2.8rem; }
    .mb-xxl-28 { margin-bottom: 2.8rem; }
    .ms-xxl-28 { margin-left: 2.8rem; }
    .mx-xxl-28 { margin-left: 2.8rem; margin-right: 2.8rem; }
    .my-xxl-28 { margin-top: 2.8rem; margin-bottom: 2.8rem; }

    .mt-xxl-32 { margin-top: 3.2rem; }
    .me-xxl-32 { margin-right: 3.2rem; }
    .mb-xxl-32 { margin-bottom: 3.2rem; }
    .ms-xxl-32 { margin-left: 3.2rem; }
    .mx-xxl-32 { margin-left: 3.2rem; margin-right: 3.2rem; }
    .my-xxl-32 { margin-top: 3.2rem; margin-bottom: 3.2rem; }

    .mt-xxl-64 { margin-top: 6.4rem; }
    .me-xxl-64 { margin-right: 6.4rem; }
    .mb-xxl-64 { margin-bottom: 6.4rem; }
    .ms-xxl-64 { margin-left: 6.4rem; }
    .mx-xxl-64 { margin-left: 6.4rem; margin-right: 6.4rem; }
    .my-xxl-64 { margin-top: 6.4rem; margin-bottom: 6.4rem; }
}