/* Spacing System */

/* Margin Classes */
.m-0 { margin: 0px; }
.m-2 { margin: 2px; }
.m-4 { margin: 4px; }
.m-6 { margin: 6px; }
.m-8 { margin: 8px; }
.m-12 { margin: 12px; }
.m-16 { margin: 16px; }
.m-20 { margin: 20px; }
.m-24 { margin: 24px; }
.m-32 { margin: 32px; }
.m-40 { margin: 40px; }
.m-48 { margin: 48px; }
.m-56 { margin: 56px; }
.m-64 { margin: 64px; }
.m-80 { margin: 80px; }
.m-96 { margin: 96px; }
.m-120 { margin: 120px; }
.m-164 { margin: 164px; }
.m-200 { margin: 200px; }
.m-240 { margin: 240px; }
.m-300 { margin: 300px; }

/* Margin Top */
.mt-0 { margin-top: 0px; }
.mt-2 { margin-top: 2px; }
.mt-4 { margin-top: 4px; }
.mt-6 { margin-top: 6px; }
.mt-8 { margin-top: 8px; }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-20 { margin-top: 20px; }
.mt-24 { margin-top: 24px; }
.mt-32 { margin-top: 32px; }
.mt-40 { margin-top: 40px; }
.mt-48 { margin-top: 48px; }
.mt-56 { margin-top: 56px; }
.mt-64 { margin-top: 64px; }
.mt-80 { margin-top: 80px; }
.mt-96 { margin-top: 96px; }
.mt-120 { margin-top: 120px; }
.mt-164 { margin-top: 164px; }
.mt-200 { margin-top: 200px; }
.mt-240 { margin-top: 240px; }
.mt-300 { margin-top: 300px; }

/* Margin Right */
.mr-0 { margin-right: 0px; }
.mr-2 { margin-right: 2px; }
.mr-4 { margin-right: 4px; }
.mr-6 { margin-right: 6px; }
.mr-8 { margin-right: 8px; }
.mr-12 { margin-right: 12px; }
.mr-16 { margin-right: 16px; }
.mr-20 { margin-right: 20px; }
.mr-24 { margin-right: 24px; }
.mr-32 { margin-right: 32px; }
.mr-40 { margin-right: 40px; }
.mr-48 { margin-right: 48px; }
.mr-56 { margin-right: 56px; }
.mr-64 { margin-right: 64px; }
.mr-80 { margin-right: 80px; }
.mr-96 { margin-right: 96px; }
.mr-120 { margin-right: 120px; }
.mr-164 { margin-right: 164px; }
.mr-200 { margin-right: 200px; }
.mr-240 { margin-right: 240px; }
.mr-300 { margin-right: 300px; }

/* Margin Bottom */
.mb-0 { margin-bottom: 0px; }
.mb-2 { margin-bottom: 2px; }
.mb-4 { margin-bottom: 4px; }
.mb-6 { margin-bottom: 6px; }
.mb-8 { margin-bottom: 8px; }
.mb-12 { margin-bottom: 12px; }
.mb-16 { margin-bottom: 16px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.mb-32 { margin-bottom: 32px; }
.mb-40 { margin-bottom: 40px; }
.mb-48 { margin-bottom: 48px; }
.mb-56 { margin-bottom: 56px; }
.mb-64 { margin-bottom: 64px; }
.mb-80 { margin-bottom: 80px; }
.mb-96 { margin-bottom: 96px; }
.mb-120 { margin-bottom: 120px; }
.mb-164 { margin-bottom: 164px; }
.mb-200 { margin-bottom: 200px; }
.mb-240 { margin-bottom: 240px; }
.mb-300 { margin-bottom: 300px; }

/* Margin Left */
.ml-0 { margin-left: 0px; }
.ml-2 { margin-left: 2px; }
.ml-4 { margin-left: 4px; }
.ml-6 { margin-left: 6px; }
.ml-8 { margin-left: 8px; }
.ml-12 { margin-left: 12px; }
.ml-16 { margin-left: 16px; }
.ml-20 { margin-left: 20px; }
.ml-24 { margin-left: 24px; }
.ml-32 { margin-left: 32px; }
.ml-40 { margin-left: 40px; }
.ml-48 { margin-left: 48px; }
.ml-56 { margin-left: 56px; }
.ml-64 { margin-left: 64px; }
.ml-80 { margin-left: 80px; }
.ml-96 { margin-left: 96px; }
.ml-120 { margin-left: 120px; }
.ml-164 { margin-left: 164px; }
.ml-200 { margin-left: 200px; }
.ml-240 { margin-left: 240px; }
.ml-300 { margin-left: 300px; }

/* Margin X (Horizontal) */
.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-2 { margin-left: 2px; margin-right: 2px; }
.mx-4 { margin-left: 4px; margin-right: 4px; }
.mx-6 { margin-left: 6px; margin-right: 6px; }
.mx-8 { margin-left: 8px; margin-right: 8px; }
.mx-12 { margin-left: 12px; margin-right: 12px; }
.mx-16 { margin-left: 16px; margin-right: 16px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
.mx-24 { margin-left: 24px; margin-right: 24px; }
.mx-32 { margin-left: 32px; margin-right: 32px; }
.mx-40 { margin-left: 40px; margin-right: 40px; }
.mx-48 { margin-left: 48px; margin-right: 48px; }
.mx-56 { margin-left: 56px; margin-right: 56px; }
.mx-64 { margin-left: 64px; margin-right: 64px; }
.mx-80 { margin-left: 80px; margin-right: 80px; }
.mx-96 { margin-left: 96px; margin-right: 96px; }
.mx-120 { margin-left: 120px; margin-right: 120px; }
.mx-164 { margin-left: 164px; margin-right: 164px; }
.mx-200 { margin-left: 200px; margin-right: 200px; }
.mx-240 { margin-left: 240px; margin-right: 240px; }
.mx-300 { margin-left: 300px; margin-right: 300px; }

/* Margin Y (Vertical) */
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-2 { margin-top: 2px; margin-bottom: 2px; }
.my-4 { margin-top: 4px; margin-bottom: 4px; }
.my-6 { margin-top: 6px; margin-bottom: 6px; }
.my-8 { margin-top: 8px; margin-bottom: 8px; }
.my-12 { margin-top: 12px; margin-bottom: 12px; }
.my-16 { margin-top: 16px; margin-bottom: 16px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-24 { margin-top: 24px; margin-bottom: 24px; }
.my-32 { margin-top: 32px; margin-bottom: 32px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-48 { margin-top: 48px; margin-bottom: 48px; }
.my-56 { margin-top: 56px; margin-bottom: 56px; }
.my-64 { margin-top: 64px; margin-bottom: 64px; }
.my-80 { margin-top: 80px; margin-bottom: 80px; }
.my-96 { margin-top: 96px; margin-bottom: 96px; }
.my-120 { margin-top: 120px; margin-bottom: 120px; }
.my-164 { margin-top: 164px; margin-bottom: 164px; }
.my-200 { margin-top: 200px; margin-bottom: 200px; }
.my-240 { margin-top: 240px; margin-bottom: 240px; }
.my-300 { margin-top: 300px; margin-bottom: 300px; }

/* Padding Classes */
.p-0 { padding: 0px; }
.p-2 { padding: 2px; }
.p-4 { padding: 4px; }
.p-6 { padding: 6px; }
.p-8 { padding: 8px; }
.p-12 { padding: 12px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-24 { padding: 24px; }
.p-32 { padding: 32px; }
.p-40 { padding: 40px; }
.p-48 { padding: 48px; }
.p-56 { padding: 56px; }
.p-64 { padding: 64px; }
.p-80 { padding: 80px; }
.p-96 { padding: 96px; }
.p-120 { padding: 120px; }
.p-164 { padding: 164px; }
.p-200 { padding: 200px; }
.p-240 { padding: 240px; }
.p-300 { padding: 300px; }

/* Padding Top */
.pt-0 { padding-top: 0px; }
.pt-2 { padding-top: 2px; }
.pt-4 { padding-top: 4px; }
.pt-6 { padding-top: 6px; }
.pt-8 { padding-top: 8px; }
.pt-12 { padding-top: 12px; }
.pt-16 { padding-top: 16px; }
.pt-20 { padding-top: 20px; }
.pt-24 { padding-top: 24px; }
.pt-32 { padding-top: 32px; }
.pt-40 { padding-top: 40px; }
.pt-48 { padding-top: 48px; }
.pt-56 { padding-top: 56px; }
.pt-64 { padding-top: 64px; }
.pt-80 { padding-top: 80px; }
.pt-96 { padding-top: 96px; }
.pt-120 { padding-top: 120px; }
.pt-164 { padding-top: 164px; }
.pt-200 { padding-top: 200px; }
.pt-240 { padding-top: 240px; }
.pt-300 { padding-top: 300px; }

/* Padding Right */
.pr-0 { padding-right: 0px; }
.pr-2 { padding-right: 2px; }
.pr-4 { padding-right: 4px; }
.pr-6 { padding-right: 6px; }
.pr-8 { padding-right: 8px; }
.pr-12 { padding-right: 12px; }
.pr-16 { padding-right: 16px; }
.pr-20 { padding-right: 20px; }
.pr-24 { padding-right: 24px; }
.pr-32 { padding-right: 32px; }
.pr-40 { padding-right: 40px; }
.pr-48 { padding-right: 48px; }
.pr-56 { padding-right: 56px; }
.pr-64 { padding-right: 64px; }
.pr-80 { padding-right: 80px; }
.pr-96 { padding-right: 96px; }
.pr-120 { padding-right: 120px; }
.pr-164 { padding-right: 164px; }
.pr-200 { padding-right: 200px; }
.pr-240 { padding-right: 240px; }
.pr-300 { padding-right: 300px; }

/* Padding Bottom */
.pb-0 { padding-bottom: 0px; }
.pb-2 { padding-bottom: 2px; }
.pb-4 { padding-bottom: 4px; }
.pb-6 { padding-bottom: 6px; }
.pb-8 { padding-bottom: 8px; }
.pb-12 { padding-bottom: 12px; }
.pb-16 { padding-bottom: 16px; }
.pb-20 { padding-bottom: 20px; }
.pb-24 { padding-bottom: 24px; }
.pb-32 { padding-bottom: 32px; }
.pb-40 { padding-bottom: 40px; }
.pb-48 { padding-bottom: 48px; }
.pb-56 { padding-bottom: 56px; }
.pb-64 { padding-bottom: 64px; }
.pb-80 { padding-bottom: 80px; }
.pb-96 { padding-bottom: 96px; }
.pb-120 { padding-bottom: 120px; }
.pb-164 { padding-bottom: 164px; }
.pb-200 { padding-bottom: 200px; }
.pb-240 { padding-bottom: 240px; }
.pb-300 { padding-bottom: 300px; }

/* Padding Left */
.pl-0 { padding-left: 0px; }
.pl-2 { padding-left: 2px; }
.pl-4 { padding-left: 4px; }
.pl-6 { padding-left: 6px; }
.pl-8 { padding-left: 8px; }
.pl-12 { padding-left: 12px; }
.pl-16 { padding-left: 16px; }
.pl-20 { padding-left: 20px; }
.pl-24 { padding-left: 24px; }
.pl-32 { padding-left: 32px; }
.pl-40 { padding-left: 40px; }
.pl-48 { padding-left: 48px; }
.pl-56 { padding-left: 56px; }
.pl-64 { padding-left: 64px; }
.pl-80 { padding-left: 80px; }
.pl-96 { padding-left: 96px; }
.pl-120 { padding-left: 120px; }
.pl-164 { padding-left: 164px; }
.pl-200 { padding-left: 200px; }
.pl-240 { padding-left: 240px; }
.pl-300 { padding-left: 300px; }

/* Padding X (Horizontal) */
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-2 { padding-left: 2px; padding-right: 2px; }
.px-4 { padding-left: 4px; padding-right: 4px; }
.px-6 { padding-left: 6px; padding-right: 6px; }
.px-8 { padding-left: 8px; padding-right: 8px; }
.px-12 { padding-left: 12px; padding-right: 12px; }
.px-16 { padding-left: 16px; padding-right: 16px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-24 { padding-left: 24px; padding-right: 24px; }
.px-32 { padding-left: 32px; padding-right: 32px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.px-48 { padding-left: 48px; padding-right: 48px; }
.px-56 { padding-left: 56px; padding-right: 56px; }
.px-64 { padding-left: 64px; padding-right: 64px; }
.px-80 { padding-left: 80px; padding-right: 80px; }
.px-96 { padding-left: 96px; padding-right: 96px; }
.px-120 { padding-left: 120px; padding-right: 120px; }
.px-164 { padding-left: 164px; padding-right: 164px; }
.px-200 { padding-left: 200px; padding-right: 200px; }
.px-240 { padding-left: 240px; padding-right: 240px; }
.px-300 { padding-left: 300px; padding-right: 300px; }

/* Padding Y (Vertical) */
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-2 { padding-top: 2px; padding-bottom: 2px; }
.py-4 { padding-top: 4px; padding-bottom: 4px; }
.py-6 { padding-top: 6px; padding-bottom: 6px; }
.py-8 { padding-top: 8px; padding-bottom: 8px; }
.py-12 { padding-top: 12px; padding-bottom: 12px; }
.py-16 { padding-top: 16px; padding-bottom: 16px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-24 { padding-top: 24px; padding-bottom: 24px; }
.py-32 { padding-top: 32px; padding-bottom: 32px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-48 { padding-top: 48px; padding-bottom: 48px; }
.py-56 { padding-top: 56px; padding-bottom: 56px; }
.py-64 { padding-top: 64px; padding-bottom: 64px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-96 { padding-top: 96px; padding-bottom: 96px; }
.py-120 { padding-top: 120px; padding-bottom: 120px; }
.py-164 { padding-top: 164px; padding-bottom: 164px; }
.py-200 { padding-top: 200px; padding-bottom: 200px; }
.py-240 { padding-top: 240px; padding-bottom: 240px; }
.py-300 { padding-top: 300px; padding-bottom: 300px; }