/* PIXEL PADDINGS */

:root {
    --px10: 10px;
    --px20: 20px;
    --px30: 30px;
    --px40: 40px;
    --px50: 50px;
    --px60: 60px;
    --px70: 70px;
    --px80: 80px;
    --px90: 90px;
    --px100: 100px;
    --px110: 110px;
    --px120: 120px;
    --px130: 130px;
    --px140: 140px;
    --px150: 150px;
    --px160: 160px;
    --px170: 170px;
    --px180: 180px;
    --px190: 190px;
    --px200: 200px;
}

.pb-0px {
    padding-bottom: 0;
}

.pt-0px {
    padding-top: 0;
}

.p-10px {
    padding-top: var(--px10);
    padding-bottom: var(--px10);
}

.pt-10px {
    padding-top: var(--px10);
}

.pb-10px {
    padding-bottom: var(--px10);
}

.p-20px {
    padding-top: var(--px20);
    padding-bottom: var(--px20);
}

.pt-20px {
    padding-top: var(--px20);
}

.pb-20px {
    padding-bottom: var(--px20);
}


/**/

.p-30px {
    padding-top: var(--px30);
    padding-bottom: var(--px30);
}

.pt-30px {
    padding-top: var(--px30);
}

.pb-30px {
    padding-bottom: var(--px30);
}


/**/

.p-40px {
    padding-top: var(--px40);
    padding-bottom: var(--px40);
}

.pt-40px {
    padding-top: var(--px40);
}

.pb-40px {
    padding-bottom: var(--px40);
}


/**/

.p-50px {
    padding-top: var(--px50);
    padding-bottom: var(--px50);
}

.pt-50px {
    padding-top: var(--px50);
}

.pb-50px {
    padding-bottom: var(--px50);
}


/**/

.p-60px {
    padding-top: var(--px60);
    padding-bottom: var(--px60);
}

.pt-60px {
    padding-top: var(--px60);
}

.pb-60px {
    padding-bottom: var(--px60);
}


/**/

.p-70px {
    padding-top: var(--px70);
    padding-bottom: var(--px70);
}

.pt-70px {
    padding-top: var(--px70);
}

.pb-70px {
    padding-bottom: var(--px70);
}


/**/

.p-80px {
    padding-top: var(--px80);
    padding-bottom: var(--px80);
}

.pt-80px {
    padding-top: var(--px80);
}

.pb-80px {
    padding-bottom: var(--px80);
}


/**/

.p-90px {
    padding-top: var(--px90);
    padding-bottom: var(--px90);
}

.pt-90px {
    padding-top: var(--px90);
}

.pb-90px {
    padding-bottom: var(--px90);
}


/**/

.p-100px {
    padding-top: var(--px100);
    padding-bottom: var(--px100);
}

.pt-100px {
    padding-top: var(--px100);
}

.pb-100px {
    padding-bottom: var(--px100);
}


/**/

.p-110px {
    padding-top: var(--px110);
    padding-bottom: var(--px110);
}

.pt-110px {
    padding-top: var(--px110);
}

.pb-110px {
    padding-bottom: var(--px110);
}


/**/

.p-120px {
    padding-top: var(--px120);
    padding-bottom: var(--px120);
}

.pt-120px {
    padding-top: var(--px120);
}

.pb-120px {
    padding-bottom: var(--px120);
}


/**/

.p-130px {
    padding-top: var(--px130);
    padding-bottom: var(--px130);
}

.pt-130px {
    padding-top: var(--px130);
}

.pb-130px {
    padding-bottom: var(--px130);
}


/**/

.p-140px {
    padding-top: var(--px140);
    padding-bottom: var(--px140);
}

.pt-140px {
    padding-top: var(--px140);
}

.pb-140px {
    padding-bottom: var(--px140);
}


/**/

.p-150px {
    padding-top: var(--px150);
    padding-bottom: var(--px150);
}

.pt-150px {
    padding-top: var(--px150);
}

.pb-150px {
    padding-bottom: var(--px150);
}


/**/

.p-160px {
    padding-top: var(--px160);
    padding-bottom: var(--px160);
}

.pt-160px {
    padding-top: var(--px160);
}

.pb-160px {
    padding-bottom: var(--px160);
}


/**/

.p-170px {
    padding-top: var(--px170);
    padding-bottom: var(--px170);
}

.pt-170px {
    padding-top: var(--px170);
}

.pb-170px {
    padding-bottom: var(--px170);
}


/**/

.p-180px {
    padding-top: var(--px180);
    padding-bottom: var(--px180);
}

.pt-180px {
    padding-top: var(--px180);
}

.pb-180px {
    padding-bottom: var(--px180);
}


/**/

.p-190px {
    padding-top: var(--px190);
    padding-bottom: var(--px190);
}

.pt-190px {
    padding-top: var(--px190);
}

.pb-190px {
    padding-bottom: var(--px180);
}


/**/

.p-200px {
    padding-top: var(--px200);
    padding-bottom: var(--px200);
}

.pt-200px {
    padding-top: var(--px200);
}

.pb-200px {
    padding-bottom: var(--px200);
}


/* PIXEL MARGINS */


/* PIXEL MARGINS */


/* PIXEL MARGINS */

.m-10px {
    margin-top: var(--px10);
    margin-bottom: var(--px10);
}

.mt-10px {
    margin-top: var(--px10);
}

.mb-10px {
    margin-bottom: var(--px10);
}


/**/


/**/

.mb-0px {
    margin-bottom: 0;
}

.mt-0px {
    margin-top: 0;
}

.m-20px {
    margin-top: var(--px20);
    margin-bottom: var(--px20);
}

.mt-20px {
    margin-top: var(--px20);
}

.mb-20px {
    margin-bottom: var(--px20);
}


/**/

.m-30px {
    margin-top: var(--px30);
    margin-bottom: var(--px30);
}

.mt-30px {
    margin-top: var(--px30);
}

.mb-30px {
    margin-bottom: var(--px30);
}


/**/

.m-40px {
    margin-top: var(--px40);
    margin-bottom: var(--px40);
}

.mt-40px {
    margin-top: var(--px40);
}

.mb-40px {
    margin-bottom: var(--px40);
}


/**/

.m-50px {
    margin-top: var(--px50);
    margin-bottom: var(--px50);
}

.mt-50px {
    margin-top: var(--px50);
}

.mb-50px {
    margin-bottom: var(--px50);
}


/**/

.m-60px {
    margin-top: var(--px60);
    margin-bottom: var(--px60);
}

.mt-60px {
    margin-top: var(--px60);
}

.mb-60px {
    margin-bottom: var(--px60);
}


/**/

.m-70px {
    margin-top: var(--px70);
    margin-bottom: var(--px70);
}

.mt-70px {
    margin-top: var(--px70);
}

.mb-70px {
    margin-bottom: var(--px70);
}


/**/

.m-80px {
    margin-top: var(--px80);
    margin-bottom: var(--px80);
}

.mt-80px {
    margin-top: var(--px80);
}

.mb-80px {
    margin-bottom: var(--px80);
}


/**/

.m-90px {
    margin-top: var(--px90);
    margin-bottom: var(--px90);
}

.mt-90px {
    margin-top: var(--px90);
}

.mb-90px {
    margin-bottom: var(--px90);
}


/**/

.m-100px {
    margin-top: var(--px100);
    margin-bottom: var(--px100);
}

.mt-100px {
    margin-top: var(--px100);
}

.mb-100px {
    margin-bottom: var(--px100);
}


/**/

.m-110px {
    margin-top: var(--px110);
    margin-bottom: var(--px110);
}

.mt-110px {
    margin-top: var(--px110);
}

.mb-110px {
    margin-bottom: var(--px110);
}


/**/

.m-120px {
    margin-top: var(--px120);
    margin-bottom: var(--px120);
}

.mt-120px {
    margin-top: var(--px120);
}

.mb-120px {
    margin-bottom: var(--px120);
}


/**/

.m-130px {
    margin-top: var(--px130);
    margin-bottom: var(--px130);
}

.mt-130px {
    margin-top: var(--px130);
}

.mb-130px {
    margin-bottom: var(--px130);
}


/**/

.m-140px {
    margin-top: var(--px140);
    margin-bottom: var(--px140);
}

.mt-140px {
    margin-top: var(--px140);
}

.mb-140px {
    margin-bottom: var(--px140);
}


/**/

.m-150px {
    margin-top: var(--px150);
    margin-bottom: var(--px150);
}

.mt-150px {
    margin-top: var(--px150);
}

.mb-150px {
    margin-bottom: var(--px150);
}


/**/

.m-160px {
    margin-top: var(--px160);
    margin-bottom: var(--px160);
}

.mt-160px {
    margin-top: var(--px160);
}

.mb-160px {
    margin-bottom: var(--px160);
}


/**/

.m-170px {
    margin-top: var(--px170);
    margin-bottom: var(--px170);
}

.mt-170px {
    margin-top: var(--px170);
}

.mb-170px {
    margin-bottom: var(--px170);
}


/**/

.m-180px {
    margin-top: var(--px180);
    margin-bottom: var(--px180);
}

.mt-180px {
    margin-top: var(--px180);
}

.mb-180px {
    margin-bottom: var(--px180);
}


/**/

.m-190px {
    margin-top: var(--px190);
    margin-bottom: var(--px190);
}

.mt-190px {
    margin-top: var(--px190);
}

.mb-190px {
    margin-bottom: var(--px180);
}


/**/

.m-200px {
    margin-top: var(--px200);
    margin-bottom: var(--px200);
}

.mt-200px {
    margin-top: var(--px200);
}

.mb-200px {
    margin-bottom: var(--px200);
}


/* reduce paddings/margins on resize */

@media (max-width:992px) {
    .p-120px.mobile {
        padding-top: var(--px60);
        padding-bottom: var(--px60);
    }
    .pt-120px.mobile {
        padding-top: var(--px60);
    }
    .pb-120px.mobile {
        padding-bottom: var(--px60);
    }
    .m-120px.mobile {
        margin-top: var(--px60);
        margin-bottom: var(--px60);
    }
    .mt-120px.mobile {
        margin-top: var(--px60);
    }
    .mb-120px.mobile {
        margin-bottom: var(--px60);
    }
}