/* Padding in all directions */
.p-0 { padding: 0px; }
.p-4 { padding: 4px; }
.p-8 { padding: 8px; }
.p-12 { padding: 12px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-24 { padding: 24px; }
.p-28 { padding: 28px; }
.p-32 { padding: 32px; }
.p-36 { padding: 36px; }
.p-40 { padding: 40px; }
.p-44 { padding: 44px; }
.p-48 { padding: 48px; }
.p-52 { padding: 52px; }
.p-56 { padding: 56px; }
.p-60 { padding: 60px; }
.p-64 { padding: 64px; }
.p-68 { padding: 68px; }
.p-72 { padding: 72px; }
.p-76 { padding: 76px; }
.p-80 { padding: 80px; }
.p-84 { padding: 84px; }
.p-88 { padding: 88px; }
.p-92 { padding: 92px; }
.p-96 { padding: 96px; }
.p-100 { padding: 100px; }
.p-104 { padding: 104px; }
.p-108 { padding: 108px; }
.p-112 { padding: 112px; }
.p-116 { padding: 116px; }
.p-120 { padding: 120px; }
.p-124 { padding: 124px; }
.p-128 { padding: 128px; }
.p-132 { padding: 132px; }
.p-136 { padding: 136px; }
.p-140 { padding: 140px; }
.p-144 { padding: 144px; }
.p-148 { padding: 148px; }
.p-152 { padding: 152px; }
.p-156 { padding: 156px; }
.p-160 { padding: 160px; }
.p-164 { padding: 164px; }
.p-168 { padding: 168px; }
.p-172 { padding: 172px; }
.p-176 { padding: 176px; }
.p-180 { padding: 180px; }
.p-184 { padding: 184px; }
.p-188 { padding: 188px; }
.p-192 { padding: 192px; }
.p-196 { padding: 196px; }
.p-200 { padding: 200px; }
.p-204 { padding: 204px; }
.p-208 { padding: 208px; }
.p-212 { padding: 212px; }
.p-216 { padding: 216px; }
.p-220 { padding: 220px; }
.p-224 { padding: 224px; }
.p-228 { padding: 228px; }
.p-232 { padding: 232px; }
.p-236 { padding: 236px; }
.p-240 { padding: 240px; }
.p-244 { padding: 244px; }
.p-248 { padding: 248px; }
.p-252 { padding: 252px; }
.p-256 { padding: 256px; }


/* Padding top */
.pt-0 { padding-top: 0px; }
.pt-4 { padding-top: 4px; }
.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-28 { padding-top: 28px; }
.pt-32 { padding-top: 32px; }
.pt-36 { padding-top: 36px; }
.pt-40 { padding-top: 40px; }
.pt-44 { padding-top: 44px; }
.pt-48 { padding-top: 48px; }
.pt-52 { padding-top: 52px; }
.pt-56 { padding-top: 56px; }
.pt-60 { padding-top: 60px; }
.pt-64 { padding-top: 64px; }
.pt-68 { padding-top: 68px; }
.pt-72 { padding-top: 72px; }
.pt-76 { padding-top: 76px; }
.pt-80 { padding-top: 80px; }
.pt-84 { padding-top: 84px; }
.pt-88 { padding-top: 88px; }
.pt-92 { padding-top: 92px; }
.pt-96 { padding-top: 96px; }
.pt-100 { padding-top: 100px; }
.pt-104 { padding-top: 104px; }
.pt-108 { padding-top: 108px; }
.pt-112 { padding-top: 112px; }
.pt-116 { padding-top: 116px; }
.pt-120 { padding-top: 120px; }
.pt-124 { padding-top: 124px; }
.pt-128 { padding-top: 128px; }
.pt-132 { padding-top: 132px; }
.pt-136 { padding-top: 136px; }
.pt-140 { padding-top: 140px; }
.pt-144 { padding-top: 144px; }
.pt-148 { padding-top: 148px; }
.pt-152 { padding-top: 152px; }
.pt-156 { padding-top: 156px; }
.pt-160 { padding-top: 160px; }
.pt-164 { padding-top: 164px; }
.pt-168 { padding-top: 168px; }
.pt-172 { padding-top: 172px; }
.pt-176 { padding-top: 176px; }
.pt-180 { padding-top: 180px; }
.pt-184 { padding-top: 184px; }
.pt-188 { padding-top: 188px; }
.pt-192 { padding-top: 192px; }
.pt-196 { padding-top: 196px; }
.pt-200 { padding-top: 200px; }
.pt-204 { padding-top: 204px; }
.pt-208 { padding-top: 208px; }
.pt-212 { padding-top: 212px; }
.pt-216 { padding-top: 216px; }
.pt-220 { padding-top: 220px; }
.pt-224 { padding-top: 224px; }
.pt-228 { padding-top: 228px; }
.pt-232 { padding-top: 232px; }
.pt-236 { padding-top: 236px; }
.pt-240 { padding-top: 240px; }
.pt-244 { padding-top: 244px; }
.pt-248 { padding-top: 248px; }
.pt-252 { padding-top: 252px; }
.pt-256 { padding-top: 256px; }


/* Padding right */
.pr-0 { padding-right: 0px; }
.pr-4 { padding-right: 4px; }
.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-28 { padding-right: 28px; }
.pr-32 { padding-right: 32px; }
.pr-36 { padding-right: 36px; }
.pr-40 { padding-right: 40px; }
.pr-44 { padding-right: 44px; }
.pr-48 { padding-right: 48px; }
.pr-52 { padding-right: 52px; }
.pr-56 { padding-right: 56px; }
.pr-60 { padding-right: 60px; }
.pr-64 { padding-right: 64px; }
.pr-68 { padding-right: 68px; }
.pr-72 { padding-right: 72px; }
.pr-76 { padding-right: 76px; }
.pr-80 { padding-right: 80px; }
.pr-84 { padding-right: 84px; }
.pr-88 { padding-right: 88px; }
.pr-92 { padding-right: 92px; }
.pr-96 { padding-right: 96px; }
.pr-100 { padding-right: 100px; }
.pr-104 { padding-right: 104px; }
.pr-108 { padding-right: 108px; }
.pr-112 { padding-right: 112px; }
.pr-116 { padding-right: 116px; }
.pr-120 { padding-right: 120px; }
.pr-124 { padding-right: 124px; }
.pr-128 { padding-right: 128px; }
.pr-132 { padding-right: 132px; }
.pr-136 { padding-right: 136px; }
.pr-140 { padding-right: 140px; }
.pr-144 { padding-right: 144px; }
.pr-148 { padding-right: 148px; }
.pr-152 { padding-right: 152px; }
.pr-156 { padding-right: 156px; }
.pr-160 { padding-right: 160px; }
.pr-164 { padding-right: 164px; }
.pr-168 { padding-right: 168px; }
.pr-172 { padding-right: 172px; }
.pr-176 { padding-right: 176px; }
.pr-180 { padding-right: 180px; }
.pr-184 { padding-right: 184px; }
.pr-188 { padding-right: 188px; }
.pr-192 { padding-right: 192px; }
.pr-196 { padding-right: 196px; }
.pr-200 { padding-right: 200px; }
.pr-204 { padding-right: 204px; }
.pr-208 { padding-right: 208px; }
.pr-212 { padding-right: 212px; }
.pr-216 { padding-right: 216px; }
.pr-220 { padding-right: 220px; }
.pr-224 { padding-right: 224px; }
.pr-228 { padding-right: 228px; }
.pr-232 { padding-right: 232px; }
.pr-236 { padding-right: 236px; }
.pr-240 { padding-right: 240px; }
.pr-244 { padding-right: 244px; }
.pr-248 { padding-right: 248px; }
.pr-252 { padding-right: 252px; }
.pr-256 { padding-right: 256px; }


/* Padding bottom */
.pb-0 { padding-bottom: 0px; }
.pb-4 { padding-bottom: 4px; }
.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-28 { padding-bottom: 28px; }
.pb-32 { padding-bottom: 32px; }
.pb-36 { padding-bottom: 36px; }
.pb-40 { padding-bottom: 40px; }
.pb-44 { padding-bottom: 44px; }
.pb-48 { padding-bottom: 48px; }
.pb-52 { padding-bottom: 52px; }
.pb-56 { padding-bottom: 56px; }
.pb-60 { padding-bottom: 60px; }
.pb-64 { padding-bottom: 64px; }
.pb-68 { padding-bottom: 68px; }
.pb-72 { padding-bottom: 72px; }
.pb-76 { padding-bottom: 76px; }
.pb-80 { padding-bottom: 80px; }
.pb-84 { padding-bottom: 84px; }
.pb-88 { padding-bottom: 88px; }
.pb-92 { padding-bottom: 92px; }
.pb-96 { padding-bottom: 96px; }
.pb-100 { padding-bottom: 100px; }
.pb-104 { padding-bottom: 104px; }
.pb-108 { padding-bottom: 108px; }
.pb-112 { padding-bottom: 112px; }
.pb-116 { padding-bottom: 116px; }
.pb-120 { padding-bottom: 120px; }
.pb-124 { padding-bottom: 124px; }
.pb-128 { padding-bottom: 128px; }
.pb-132 { padding-bottom: 132px; }
.pb-136 { padding-bottom: 136px; }
.pb-140 { padding-bottom: 140px; }
.pb-144 { padding-bottom: 144px; }
.pb-148 { padding-bottom: 148px; }
.pb-152 { padding-bottom: 152px; }
.pb-156 { padding-bottom: 156px; }
.pb-160 { padding-bottom: 160px; }
.pb-164 { padding-bottom: 164px; }
.pb-168 { padding-bottom: 168px; }
.pb-172 { padding-bottom: 172px; }
.pb-176 { padding-bottom: 176px; }
.pb-180 { padding-bottom: 180px; }
.pb-184 { padding-bottom: 184px; }
.pb-188 { padding-bottom: 188px; }
.pb-192 { padding-bottom: 192px; }
.pb-196 { padding-bottom: 196px; }
.pb-200 { padding-bottom: 200px; }
.pb-204 { padding-bottom: 204px; }
.pb-208 { padding-bottom: 208px; }
.pb-212 { padding-bottom: 212px; }
.pb-216 { padding-bottom: 216px; }
.pb-220 { padding-bottom: 220px; }
.pb-224 { padding-bottom: 224px; }
.pb-228 { padding-bottom: 228px; }
.pb-232 { padding-bottom: 232px; }
.pb-236 { padding-bottom: 236px; }
.pb-240 { padding-bottom: 240px; }
.pb-244 { padding-bottom: 244px; }
.pb-248 { padding-bottom: 248px; }
.pb-252 { padding-bottom: 252px; }
.pb-256 { padding-bottom: 256px; }

/* Padding left */
.pl-0 { padding-left: 0px; }
.pl-4 { padding-left: 4px; }
.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-28 { padding-left: 28px; }
.pl-32 { padding-left: 32px; }
.pl-36 { padding-left: 36px; }
.pl-40 { padding-left: 40px; }
.pl-44 { padding-left: 44px; }
.pl-48 { padding-left: 48px; }
.pl-52 { padding-left: 52px; }
.pl-56 { padding-left: 56px; }
.pl-60 { padding-left: 60px; }
.pl-64 { padding-left: 64px; }
.pl-68 { padding-left: 68px; }
.pl-72 { padding-left: 72px; }
.pl-76 { padding-left: 76px; }
.pl-80 { padding-left: 80px; }
.pl-84 { padding-left: 84px; }
.pl-88 { padding-left: 88px; }
.pl-92 { padding-left: 92px; }
.pl-96 { padding-left: 96px; }
.pl-100 { padding-left: 100px; }
.pl-104 { padding-left: 104px; }
.pl-108 { padding-left: 108px; }
.pl-112 { padding-left: 112px; }
.pl-116 { padding-left: 116px; }
.pl-120 { padding-left: 120px; }
.pl-124 { padding-left: 124px; }
.pl-128 { padding-left: 128px; }
.pl-132 { padding-left: 132px; }
.pl-136 { padding-left: 136px; }
.pl-140 { padding-left: 140px; }
.pl-144 { padding-left: 144px; }
.pl-148 { padding-left: 148px; }
.pl-152 { padding-left: 152px; }
.pl-156 { padding-left: 156px; }
.pl-160 { padding-left: 160px; }
.pl-164 { padding-left: 164px; }
.pl-168 { padding-left: 168px; }
.pl-172 { padding-left: 172px; }
.pl-176 { padding-left: 176px; }
.pl-180 { padding-left: 180px; }
.pl-184 { padding-left: 184px; }
.pl-188 { padding-left: 188px; }
.pl-192 { padding-left: 192px; }
.pl-196 { padding-left: 196px; }
.pl-200 { padding-left: 200px; }
.pl-204 { padding-left: 204px; }
.pl-208 { padding-left: 208px; }
.pl-212 { padding-left: 212px; }
.pl-216 { padding-left: 216px; }
.pl-220 { padding-left: 220px; }
.pl-224 { padding-left: 224px; }
.pl-228 { padding-left: 228px; }
.pl-232 { padding-left: 232px; }
.pl-236 { padding-left: 236px; }
.pl-240 { padding-left: 240px; }
.pl-244 { padding-left: 244px; }
.pl-248 { padding-left: 248px; }
.pl-252 { padding-left: 252px; }
.pl-256 { padding-left: 256px; }


/* Padding horizontal */
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-4 { padding-left: 4px; padding-right: 4px; }
.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-28 { padding-left: 28px; padding-right: 28px; }
.px-32 { padding-left: 32px; padding-right: 32px; }
.px-36 { padding-left: 36px; padding-right: 36px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.px-44 { padding-left: 44px; padding-right: 44px; }
.px-48 { padding-left: 48px; padding-right: 48px; }
.px-52 { padding-left: 52px; padding-right: 52px; }
.px-56 { padding-left: 56px; padding-right: 56px; }
.px-60 { padding-left: 60px; padding-right: 60px; }
.px-64 { padding-left: 64px; padding-right: 64px; }
.px-68 { padding-left: 68px; padding-right: 68px; }
.px-72 { padding-left: 72px; padding-right: 72px; }
.px-76 { padding-left: 76px; padding-right: 76px; }
.px-80 { padding-left: 80px; padding-right: 80px; }
.px-84 { padding-left: 84px; padding-right: 84px; }
.px-88 { padding-left: 88px; padding-right: 88px;}
.px-92 { padding-left: 92px; padding-right: 92px;}
.px-96 { padding-left: 96px; padding-right: 96px; }
.px-100 { padding-left: 100px; padding-right: 100px; }
.px-104 { padding-left: 104px; padding-right: 104px; }
.px-108 { padding-left: 108px; padding-right: 108px; }
.px-112 { padding-left: 112px; padding-right: 112px; }
.px-116 { padding-left: 116px; padding-right: 116px; }
.px-120 { padding-left: 120px; padding-right: 120px; }
.px-124 { padding-left: 124px; padding-right: 124px; }
.px-128 { padding-left: 128px; padding-right: 128px; }
.px-132 { padding-left: 132px; padding-right: 132px; }
.px-136 { padding-left: 136px; padding-right: 136px; }
.px-140 { padding-left: 140px; padding-right: 140px; }
.px-144 { padding-left: 144px; padding-right: 144px; }
.px-148 { padding-left: 148px; padding-right: 148px; }
.px-152 { padding-left: 152px; padding-right: 152px; }
.px-156 { padding-left: 156px; padding-right: 156px; }
.px-160 { padding-left: 160px; padding-right: 160px; }
.px-164 { padding-left: 164px; padding-right: 164px; }
.px-168 { padding-left: 168px; padding-right: 168px; }
.px-172 { padding-left: 172px; padding-right: 172px; }
.px-176 { padding-left: 176px; padding-right: 176px; }
.px-180 { padding-left: 180px; padding-right: 180px; }
.px-184 { padding-left: 184px; padding-right: 184px; }
.px-188 { padding-left: 188px; padding-right: 188px; }
.px-192 { padding-left: 192px; padding-right: 192px; }
.px-196 { padding-left: 196px; padding-right: 196px; }
.px-200 { padding-left: 200px; padding-right: 200px; }
.px-204 { padding-left: 204px; padding-right: 204px; }
.px-208 { padding-left: 208px; padding-right: 208px; }
.px-212 { padding-left: 212px; padding-right: 212px; }
.px-216 { padding-left: 216px; padding-right: 216px; }
.px-220 { padding-left: 220px; padding-right: 220px; }
.px-224 { padding-left: 224px; padding-right: 224px; }
.px-228 { padding-left: 228px; padding-right: 228px; }
.px-232 { padding-left: 232px; padding-right: 232px; }
.px-236 { padding-left: 236px; padding-right: 236px; }
.px-240 { padding-left: 240px; padding-right: 240px; }
.px-244 { padding-left: 244px; padding-right: 244px; }
.px-248 { padding-left: 248px; padding-right: 248px; }
.px-252 { padding-left: 252px; padding-right: 252px; }
.px-256 { padding-left: 256px; padding-right: 256px; }


/* Padding vertical */
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-4 { padding-top: 4px; padding-bottom: 4px; }
.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-28 { padding-top: 28px; padding-bottom: 28px; }
.py-32 { padding-top: 32px; padding-bottom: 32px; }
.py-36 { padding-top: 36px; padding-bottom: 36px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-44 { padding-top: 44px; padding-bottom: 44px; }
.py-48 { padding-top: 48px; padding-bottom: 48px; }
.py-52 { padding-top: 52px; padding-bottom: 52px; }
.py-56 { padding-top: 56px; padding-bottom: 56px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-64 { padding-top: 64px; padding-bottom: 64px; }
.py-68 { padding-top: 68px; padding-bottom: 68px; }
.py-72 { padding-top: 72px; padding-bottom: 72px; }
.py-76 { padding-top: 76px; padding-bottom: 76px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-84 { padding-top: 84px; padding-bottom: 84px; }
.py-88 { padding-top: 88px; padding-bottom: 88px;}
.py-92 { padding-top: 92px; padding-bottom: 92px;}
.py-96 { padding-top: 96px; padding-bottom: 96px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }
.py-104 { padding-top: 104px; padding-bottom: 104px; }
.py-108 { padding-top: 108px; padding-bottom: 108px; }
.py-112 { padding-top: 112px; padding-bottom: 112px; }
.py-116 { padding-top: 116px; padding-bottom: 116px; }
.py-120 { padding-top: 120px; padding-bottom: 120px; }
.py-124 { padding-top: 124px; padding-bottom: 124px; }
.py-128 { padding-top: 128px; padding-bottom: 128px; }
.py-132 { padding-top: 132px; padding-bottom: 132px; }
.py-136 { padding-top: 136px; padding-bottom: 136px; }
.py-140 { padding-top: 140px; padding-bottom: 140px; }
.py-144 { padding-top: 144px; padding-bottom: 144px; }
.py-148 { padding-top: 148px; padding-bottom: 148px; }
.py-152 { padding-top: 152px; padding-bottom: 152px; }
.py-156 { padding-top: 156px; padding-bottom: 156px; }
.py-160 { padding-top: 160px; padding-bottom: 160px; }
.py-164 { padding-top: 164px; padding-bottom: 164px; }
.py-168 { padding-top: 168px; padding-bottom: 168px; }
.py-172 { padding-top: 172px; padding-bottom: 172px; }
.py-176 { padding-top: 176px; padding-bottom: 176px; }
.py-180 { padding-top: 180px; padding-bottom: 180px; }
.py-184 { padding-top: 184px; padding-bottom: 184px; }
.py-188 { padding-top: 188px; padding-bottom: 188px; }
.py-192 { padding-top: 192px; padding-bottom: 192px; }
.py-196 { padding-top: 196px; padding-bottom: 196px; }
.py-200 { padding-top: 200px; padding-bottom: 200px; }
.py-204 { padding-top: 204px; padding-bottom: 204px; }
.py-208 { padding-top: 208px; padding-bottom: 208px; }
.py-212 { padding-top: 212px; padding-bottom: 212px; }
.py-216 { padding-top: 216px; padding-bottom: 216px; }
.py-220 { padding-top: 220px; padding-bottom: 220px; }
.py-224 { padding-top: 224px; padding-bottom: 224px; }
.py-228 { padding-top: 228px; padding-bottom: 228px; }
.py-232 { padding-top: 232px; padding-bottom: 232px; }
.py-236 { padding-top: 236px; padding-bottom: 236px; }
.py-240 { padding-top: 240px; padding-bottom: 240px; }
.py-244 { padding-top: 244px; padding-bottom: 244px; }
.py-248 { padding-top: 248px; padding-bottom: 248px; }
.py-252 { padding-top: 252px; padding-bottom: 252px; }
.py-256 { padding-top: 256px; padding-bottom: 256px; }














/* Margin in all directions */
.m-0 { margin: 0px; }
.m-4 { margin: 4px; }
.m-8 { margin: 8px; }
.m-12 { margin: 12px; }
.m-16 { margin: 16px; }
.m-20 { margin: 20px; }
.m-24 { margin: 24px; }
.m-28 { margin: 28px; }
.m-32 { margin: 32px; }
.m-36 { margin: 36px; }
.m-40 { margin: 40px; }
.m-44 { margin: 44px; }
.m-48 { margin: 48px; }
.m-52 { margin: 52px; }
.m-56 { margin: 56px; }
.m-60 { margin: 60px; }
.m-64 { margin: 64px; }
.m-68 { margin: 68px; }
.m-72 { margin: 72px; }
.m-76 { margin: 76px; }
.m-80 { margin: 80px; }
.m-84 { margin: 84px; }
.m-88 { margin: 88px; }
.m-92 { margin: 92px; }
.m-96 { margin: 96px; }
.m-100 { margin: 100px; }
.m-104 { margin: 104px; }
.m-108 { margin: 108px; }
.m-112 { margin: 112px; }
.m-116 { margin: 116px; }
.m-120 { margin: 120px; }
.m-124 { margin: 124px; }
.m-128 { margin: 128px; }
.m-132 { margin: 132px; }
.m-136 { margin: 136px; }
.m-140 { margin: 140px; }
.m-144 { margin: 144px; }
.m-148 { margin: 148px; }
.m-152 { margin: 152px; }
.m-156 { margin: 156px; }
.m-160 { margin: 160px; }
.m-164 { margin: 164px; }
.m-168 { margin: 168px; }
.m-172 { margin: 172px; }
.m-176 { margin: 176px; }
.m-180 { margin: 180px; }
.m-184 { margin: 184px; }
.m-188 { margin: 188px; }
.m-192 { margin: 192px; }
.m-196 { margin: 196px; }
.m-200 { margin: 200px; }
.m-204 { margin: 204px; }
.m-208 { margin: 208px; }
.m-212 { margin: 212px; }
.m-216 { margin: 216px; }
.m-220 { margin: 220px; }
.m-224 { margin: 224px; }
.m-228 { margin: 228px; }
.m-232 { margin: 232px; }
.m-236 { margin: 236px; }
.m-240 { margin: 240px; }
.m-244 { margin: 244px; }
.m-248 { margin: 248px; }
.m-252 { margin: 252px; }
.m-256 { margin: 256px; }


/* Margin tom */
.mt-0 { margin-top: 0px; }
.mt-4 { margin-top: 4px; }
.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-28 { margin-top: 28px; }
.mt-32 { margin-top: 32px; }
.mt-36 { margin-top: 36px; }
.mt-40 { margin-top: 40px; }
.mt-44 { margin-top: 44px; }
.mt-48 { margin-top: 48px; }
.mt-52 { margin-top: 52px; }
.mt-56 { margin-top: 56px; }
.mt-60 { margin-top: 60px; }
.mt-64 { margin-top: 64px; }
.mt-68 { margin-top: 68px; }
.mt-72 { margin-top: 72px; }
.mt-76 { margin-top: 76px; }
.mt-80 { margin-top: 80px; }
.mt-84 { margin-top: 84px; }
.mt-88 { margin-top: 88px; }
.mt-92 { margin-top: 92px; }
.mt-96 { margin-top: 96px; }
.mt-100 { margin-top: 100px; }
.mt-104 { margin-top: 104px; }
.mt-108 { margin-top: 108px; }
.mt-112 { margin-top: 112px; }
.mt-116 { margin-top: 116px; }
.mt-120 { margin-top: 120px; }
.mt-124 { margin-top: 124px; }
.mt-128 { margin-top: 128px; }
.mt-132 { margin-top: 132px; }
.mt-136 { margin-top: 136px; }
.mt-140 { margin-top: 140px; }
.mt-144 { margin-top: 144px; }
.mt-148 { margin-top: 148px; }
.mt-152 { margin-top: 152px; }
.mt-156 { margin-top: 156px; }
.mt-160 { margin-top: 160px; }
.mt-164 { margin-top: 164px; }
.mt-168 { margin-top: 168px; }
.mt-172 { margin-top: 172px; }
.mt-176 { margin-top: 176px; }
.mt-180 { margin-top: 180px; }
.mt-184 { margin-top: 184px; }
.mt-188 { margin-top: 188px; }
.mt-192 { margin-top: 192px; }
.mt-196 { margin-top: 196px; }
.mt-200 { margin-top: 200px; }
.mt-204 { margin-top: 204px; }
.mt-208 { margin-top: 208px; }
.mt-212 { margin-top: 212px; }
.mt-216 { margin-top: 216px; }
.mt-220 { margin-top: 220px; }
.mt-224 { margin-top: 224px; }
.mt-228 { margin-top: 228px; }
.mt-232 { margin-top: 232px; }
.mt-236 { margin-top: 236px; }
.mt-240 { margin-top: 240px; }
.mt-244 { margin-top: 244px; }
.mt-248 { margin-top: 248px; }
.mt-252 { margin-top: 252px; }
.mt-256 { margin-top: 256px; }


/* Margin right */
.mr-0 { margin-right: 0px; }
.mr-4 { margin-right: 4px; }
.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-28 { margin-right: 28px; }
.mr-32 { margin-right: 32px; }
.mr-36 { margin-right: 36px; }
.mr-40 { margin-right: 40px; }
.mr-44 { margin-right: 44px; }
.mr-48 { margin-right: 48px; }
.mr-52 { margin-right: 52px; }
.mr-56 { margin-right: 56px; }
.mr-60 { margin-right: 60px; }
.mr-64 { margin-right: 64px; }
.mr-68 { margin-right: 68px; }
.mr-72 { margin-right: 72px; }
.mr-76 { margin-right: 76px; }
.mr-80 { margin-right: 80px; }
.mr-84 { margin-right: 84px; }
.mr-88 { margin-right: 88px; }
.mr-92 { margin-right: 92px; }
.mr-96 { margin-right: 96px; }
.mr-100 { margin-right: 100px; }
.mr-104 { margin-right: 104px; }
.mr-108 { margin-right: 108px; }
.mr-112 { margin-right: 112px; }
.mr-116 { margin-right: 116px; }
.mr-120 { margin-right: 120px; }
.mr-124 { margin-right: 124px; }
.mr-128 { margin-right: 128px; }
.mr-132 { margin-right: 132px; }
.mr-136 { margin-right: 136px; }
.mr-140 { margin-right: 140px; }
.mr-144 { margin-right: 144px; }
.mr-148 { margin-right: 148px; }
.mr-152 { margin-right: 152px; }
.mr-156 { margin-right: 156px; }
.mr-160 { margin-right: 160px; }
.mr-164 { margin-right: 164px; }
.mr-168 { margin-right: 168px; }
.mr-172 { margin-right: 172px; }
.mr-176 { margin-right: 176px; }
.mr-180 { margin-right: 180px; }
.mr-184 { margin-right: 184px; }
.mr-188 { margin-right: 188px; }
.mr-192 { margin-right: 192px; }
.mr-196 { margin-right: 196px; }
.mr-200 { margin-right: 200px; }
.mr-204 { margin-right: 204px; }
.mr-208 { margin-right: 208px; }
.mr-212 { margin-right: 212px; }
.mr-216 { margin-right: 216px; }
.mr-220 { margin-right: 220px; }
.mr-224 { margin-right: 224px; }
.mr-228 { margin-right: 228px; }
.mr-232 { margin-right: 232px; }
.mr-236 { margin-right: 236px; }
.mr-240 { margin-right: 240px; }
.mr-244 { margin-right: 244px; }
.mr-248 { margin-right: 248px; }
.mr-252 { margin-right: 252px; }
.mr-256 { margin-right: 256px; }


/* Margin bottom */
.mb-0 { margin-bottom: 0px; }
.mb-4 { margin-bottom: 4px; }
.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-28 { margin-bottom: 28px; }
.mb-32 { margin-bottom: 32px; }
.mb-36 { margin-bottom: 36px; }
.mb-40 { margin-bottom: 40px; }
.mb-44 { margin-bottom: 44px; }
.mb-48 { margin-bottom: 48px; }
.mb-52 { margin-bottom: 52px; }
.mb-56 { margin-bottom: 56px; }
.mb-60 { margin-bottom: 60px; }
.mb-64 { margin-bottom: 64px; }
.mb-68 { margin-bottom: 68px; }
.mb-72 { margin-bottom: 72px; }
.mb-76 { margin-bottom: 76px; }
.mb-80 { margin-bottom: 80px; }
.mb-84 { margin-bottom: 84px; }
.mb-88 { margin-bottom: 88px; }
.mb-92 { margin-bottom: 92px; }
.mb-96 { margin-bottom: 96px; }
.mb-100 { margin-bottom: 100px; }
.mb-104 { margin-bottom: 104px; }
.mb-108 { margin-bottom: 108px; }
.mb-112 { margin-bottom: 112px; }
.mb-116 { margin-bottom: 116px; }
.mb-120 { margin-bottom: 120px; }
.mb-124 { margin-bottom: 124px; }
.mb-128 { margin-bottom: 128px; }
.mb-132 { margin-bottom: 132px; }
.mb-136 { margin-bottom: 136px; }
.mb-140 { margin-bottom: 140px; }
.mb-144 { margin-bottom: 144px; }
.mb-148 { margin-bottom: 148px; }
.mb-152 { margin-bottom: 152px; }
.mb-156 { margin-bottom: 156px; }
.mb-160 { margin-bottom: 160px; }
.mb-164 { margin-bottom: 164px; }
.mb-168 { margin-bottom: 168px; }
.mb-172 { margin-bottom: 172px; }
.mb-176 { margin-bottom: 176px; }
.mb-180 { margin-bottom: 180px; }
.mb-184 { margin-bottom: 184px; }
.mb-188 { margin-bottom: 188px; }
.mb-192 { margin-bottom: 192px; }
.mb-196 { margin-bottom: 196px; }
.mb-200 { margin-bottom: 200px; }
.mb-204 { margin-bottom: 204px; }
.mb-208 { margin-bottom: 208px; }
.mb-212 { margin-bottom: 212px; }
.mb-216 { margin-bottom: 216px; }
.mb-220 { margin-bottom: 220px; }
.mb-224 { margin-bottom: 224px; }
.mb-228 { margin-bottom: 228px; }
.mb-232 { margin-bottom: 232px; }
.mb-236 { margin-bottom: 236px; }
.mb-240 { margin-bottom: 240px; }
.mb-244 { margin-bottom: 244px; }
.mb-248 { margin-bottom: 248px; }
.mb-252 { margin-bottom: 252px; }
.mb-256 { margin-bottom: 256px; }

/* Margin left */
.ml-0 { margin-left: 0px; }
.ml-4 { margin-left: 4px; }
.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-28 { margin-left: 28px; }
.ml-32 { margin-left: 32px; }
.ml-36 { margin-left: 36px; }
.ml-40 { margin-left: 40px; }
.ml-44 { margin-left: 44px; }
.ml-48 { margin-left: 48px; }
.ml-52 { margin-left: 52px; }
.ml-56 { margin-left: 56px; }
.ml-60 { margin-left: 60px; }
.ml-64 { margin-left: 64px; }
.ml-68 { margin-left: 68px; }
.ml-72 { margin-left: 72px; }
.ml-76 { margin-left: 76px; }
.ml-80 { margin-left: 80px; }
.ml-84 { margin-left: 84px; }
.ml-88 { margin-left: 88px; }
.ml-92 { margin-left: 92px; }
.ml-96 { margin-left: 96px; }
.ml-100 { margin-left: 100px; }
.ml-104 { margin-left: 104px; }
.ml-108 { margin-left: 108px; }
.ml-112 { margin-left: 112px; }
.ml-116 { margin-left: 116px; }
.ml-120 { margin-left: 120px; }
.ml-124 { margin-left: 124px; }
.ml-128 { margin-left: 128px; }
.ml-132 { margin-left: 132px; }
.ml-136 { margin-left: 136px; }
.ml-140 { margin-left: 140px; }
.ml-144 { margin-left: 144px; }
.ml-148 { margin-left: 148px; }
.ml-152 { margin-left: 152px; }
.ml-156 { margin-left: 156px; }
.ml-160 { margin-left: 160px; }
.ml-164 { margin-left: 164px; }
.ml-168 { margin-left: 168px; }
.ml-172 { margin-left: 172px; }
.ml-176 { margin-left: 176px; }
.ml-180 { margin-left: 180px; }
.ml-184 { margin-left: 184px; }
.ml-188 { margin-left: 188px; }
.ml-192 { margin-left: 192px; }
.ml-196 { margin-left: 196px; }
.ml-200 { margin-left: 200px; }
.ml-204 { margin-left: 204px; }
.ml-208 { margin-left: 208px; }
.ml-212 { margin-left: 212px; }
.ml-216 { margin-left: 216px; }
.ml-220 { margin-left: 220px; }
.ml-224 { margin-left: 224px; }
.ml-228 { margin-left: 228px; }
.ml-232 { margin-left: 232px; }
.ml-236 { margin-left: 236px; }
.ml-240 { margin-left: 240px; }
.ml-244 { margin-left: 244px; }
.ml-248 { margin-left: 248px; }
.ml-252 { margin-left: 252px; }
.ml-256 { margin-left: 256px; }


/* Margin horizontal */
.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-4 { margin-left: 4px; margin-right: 4px; }
.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-28 { margin-left: 28px; margin-right: 28px; }
.mx-32 { margin-left: 32px; margin-right: 32px; }
.mx-36 { margin-left: 36px; margin-right: 36px; }
.mx-40 { margin-left: 40px; margin-right: 40px; }
.mx-44 { margin-left: 44px; margin-right: 44px; }
.mx-48 { margin-left: 48px; margin-right: 48px; }
.mx-52 { margin-left: 52px; margin-right: 52px; }
.mx-56 { margin-left: 56px; margin-right: 56px; }
.mx-60 { margin-left: 60px; margin-right: 60px; }
.mx-64 { margin-left: 64px; margin-right: 64px; }
.mx-68 { margin-left: 68px; margin-right: 68px; }
.mx-72 { margin-left: 72px; margin-right: 72px; }
.mx-76 { margin-left: 76px; margin-right: 76px; }
.mx-80 { margin-left: 80px; margin-right: 80px; }
.mx-84 { margin-left: 84px; margin-right: 84px; }
.mx-88 { margin-left: 88px; margin-right: 88px;}
.mx-92 { margin-left: 92px; margin-right: 92px;}
.mx-96 { margin-left: 96px; margin-right: 96px; }
.mx-100 { margin-left: 100px; margin-right: 100px; }
.mx-104 { margin-left: 104px; margin-right: 104px; }
.mx-108 { margin-left: 108px; margin-right: 108px; }
.mx-112 { margin-left: 112px; margin-right: 112px; }
.mx-116 { margin-left: 116px; margin-right: 116px; }
.mx-120 { margin-left: 120px; margin-right: 120px; }
.mx-124 { margin-left: 124px; margin-right: 124px; }
.mx-128 { margin-left: 128px; margin-right: 128px; }
.mx-132 { margin-left: 132px; margin-right: 132px; }
.mx-136 { margin-left: 136px; margin-right: 136px; }
.mx-140 { margin-left: 140px; margin-right: 140px; }
.mx-144 { margin-left: 144px; margin-right: 144px; }
.mx-148 { margin-left: 148px; margin-right: 148px; }
.mx-152 { margin-left: 152px; margin-right: 152px; }
.mx-156 { margin-left: 156px; margin-right: 156px; }
.mx-160 { margin-left: 160px; margin-right: 160px; }
.mx-164 { margin-left: 164px; margin-right: 164px; }
.mx-168 { margin-left: 168px; margin-right: 168px; }
.mx-172 { margin-left: 172px; margin-right: 172px; }
.mx-176 { margin-left: 176px; margin-right: 176px; }
.mx-180 { margin-left: 180px; margin-right: 180px; }
.mx-184 { margin-left: 184px; margin-right: 184px; }
.mx-188 { margin-left: 188px; margin-right: 188px; }
.mx-192 { margin-left: 192px; margin-right: 192px; }
.mx-196 { margin-left: 196px; margin-right: 196px; }
.mx-200 { margin-left: 200px; margin-right: 200px; }
.mx-204 { margin-left: 204px; margin-right: 204px; }
.mx-208 { margin-left: 208px; margin-right: 208px; }
.mx-212 { margin-left: 212px; margin-right: 212px; }
.mx-216 { margin-left: 216px; margin-right: 216px; }
.mx-220 { margin-left: 220px; margin-right: 220px; }
.mx-224 { margin-left: 224px; margin-right: 224px; }
.mx-228 { margin-left: 228px; margin-right: 228px; }
.mx-232 { margin-left: 232px; margin-right: 232px; }
.mx-236 { margin-left: 236px; margin-right: 236px; }
.mx-240 { margin-left: 240px; margin-right: 240px; }
.mx-244 { margin-left: 244px; margin-right: 244px; }
.mx-248 { margin-left: 248px; margin-right: 248px; }
.mx-252 { margin-left: 252px; margin-right: 252px; }
.mx-256 { margin-left: 256px; margin-right: 256px; }


/* Margin vertical */
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-4 { margin-top: 4px; margin-bottom: 4px; }
.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-28 { margin-top: 28px; margin-bottom: 28px; }
.my-32 { margin-top: 32px; margin-bottom: 32px; }
.my-36 { margin-top: 36px; margin-bottom: 36px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-44 { margin-top: 44px; margin-bottom: 44px; }
.my-48 { margin-top: 48px; margin-bottom: 48px; }
.my-52 { margin-top: 52px; margin-bottom: 52px; }
.my-56 { margin-top: 56px; margin-bottom: 56px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.my-64 { margin-top: 64px; margin-bottom: 64px; }
.my-68 { margin-top: 68px; margin-bottom: 68px; }
.my-72 { margin-top: 72px; margin-bottom: 72px; }
.my-76 { margin-top: 76px; margin-bottom: 76px; }
.my-80 { margin-top: 80px; margin-bottom: 80px; }
.my-84 { margin-top: 84px; margin-bottom: 84px; }
.my-88 { margin-top: 88px; margin-bottom: 88px;}
.my-92 { margin-top: 92px; margin-bottom: 92px;}
.my-96 { margin-top: 96px; margin-bottom: 96px; }
.my-100 { margin-top: 100px; margin-bottom: 100px; }
.my-104 { margin-top: 104px; margin-bottom: 104px; }
.my-108 { margin-top: 108px; margin-bottom: 108px; }
.my-112 { margin-top: 112px; margin-bottom: 112px; }
.my-116 { margin-top: 116px; margin-bottom: 116px; }
.my-120 { margin-top: 120px; margin-bottom: 120px; }
.my-124 { margin-top: 124px; margin-bottom: 124px; }
.my-128 { margin-top: 128px; margin-bottom: 128px; }
.my-132 { margin-top: 132px; margin-bottom: 132px; }
.my-136 { margin-top: 136px; margin-bottom: 136px; }
.my-140 { margin-top: 140px; margin-bottom: 140px; }
.my-144 { margin-top: 144px; margin-bottom: 144px; }
.my-148 { margin-top: 148px; margin-bottom: 148px; }
.my-152 { margin-top: 152px; margin-bottom: 152px; }
.my-156 { margin-top: 156px; margin-bottom: 156px; }
.my-160 { margin-top: 160px; margin-bottom: 160px; }
.my-164 { margin-top: 164px; margin-bottom: 164px; }
.my-168 { margin-top: 168px; margin-bottom: 168px; }
.my-172 { margin-top: 172px; margin-bottom: 172px; }
.my-176 { margin-top: 176px; margin-bottom: 176px; }
.my-180 { margin-top: 180px; margin-bottom: 180px; }
.my-184 { margin-top: 184px; margin-bottom: 184px; }
.my-188 { margin-top: 188px; margin-bottom: 188px; }
.my-192 { margin-top: 192px; margin-bottom: 192px; }
.my-196 { margin-top: 196px; margin-bottom: 196px; }
.my-200 { margin-top: 200px; margin-bottom: 200px; }
.my-204 { margin-top: 204px; margin-bottom: 204px; }
.my-208 { margin-top: 208px; margin-bottom: 208px; }
.my-212 { margin-top: 212px; margin-bottom: 212px; }
.my-216 { margin-top: 216px; margin-bottom: 216px; }
.my-220 { margin-top: 220px; margin-bottom: 220px; }
.my-224 { margin-top: 224px; margin-bottom: 224px; }
.my-228 { margin-top: 228px; margin-bottom: 228px; }
.my-232 { margin-top: 232px; margin-bottom: 232px; }
.my-236 { margin-top: 236px; margin-bottom: 236px; }
.my-240 { margin-top: 240px; margin-bottom: 240px; }
.my-244 { margin-top: 244px; margin-bottom: 244px; }
.my-248 { margin-top: 248px; margin-bottom: 248px; }
.my-252 { margin-top: 252px; margin-bottom: 252px; }
.my-256 { margin-top: 256px; margin-bottom: 256px; }




/* Width in pixels */
.w-0 { width: 0px; }
.w-4 { width: 4px; }
.w-8 { width: 8px; }
.w-12 { width: 12px; }
.w-16 { width: 16px; }
.w-20 { width: 20px; }
.w-24 { width: 24px; }
.w-28 { width: 28px; }
.w-32 { width: 32px; }
.w-36 { width: 36px; }
.w-40 { width: 40px; }
.w-44 { width: 44px; }
.w-48 { width: 48px; }
.w-52 { width: 52px; }
.w-56 { width: 56px; }
.w-60 { width: 60px; }
.w-64 { width: 64px; }
.w-68 { width: 68px; }
.w-72 { width: 72px; }
.w-76 { width: 76px; }
.w-80 { width: 80px; }
.w-84 { width: 84px; }
.w-88 { width: 88px; }
.w-92 { width: 92px; }
.w-96 { width: 96px; }
.w-100 { width: 100px; }
.w-104 { width: 104px; }
.w-108 { width: 108px; }
.w-112 { width: 112px; }
.w-116 { width: 116px; }
.w-120 { width: 120px; }
.w-124 { width: 124px; }
.w-128 { width: 128px; }
.w-132 { width: 132px; }
.w-136 { width: 136px; }
.w-140 { width: 140px; }
.w-144 { width: 144px; }
.w-148 { width: 148px; }
.w-152 { width: 152px; }
.w-156 { width: 156px; }
.w-160 { width: 160px; }
.w-164 { width: 164px; }
.w-168 { width: 168px; }
.w-172 { width: 172px; }
.w-176 { width: 176px; }
.w-180 { width: 180px; }
.w-184 { width: 184px; }
.w-188 { width: 188px; }
.w-192 { width: 192px; }
.w-196 { width: 196px; }
.w-200 { width: 200px; }
.w-204 { width: 204px; }
.w-208 { width: 208px; }
.w-212 { width: 212px; }
.w-216 { width: 216px; }
.w-220 { width: 220px; }
.w-224 { width: 224px; }
.w-228 { width: 228px; }
.w-232 { width: 232px; }
.w-236 { width: 236px; }
.w-240 { width: 240px; }
.w-244 { width: 244px; }
.w-248 { width: 248px; }
.w-252 { width: 252px; }
.w-256 { width: 256px; }
.w-260 { width: 260px; }
.w-264 { width: 264px; }
.w-268 { width: 268px; }
.w-272 { width: 272px; }
.w-276 { width: 276px; }
.w-280 { width: 280px; }
.w-284 { width: 284px; }
.w-288 { width: 288px; }
.w-292 { width: 292px; }
.w-296 { width: 296px; }
.w-300 { width: 300px; }
.w-304 { width: 304px; }
.w-308 { width: 308px; }
.w-312 { width: 312px; }
.w-316 { width: 316px; }
.w-320 { width: 320px; }
.w-324 { width: 324px; }
.w-328 { width: 328px; }
.w-332 { width: 332px; }
.w-336 { width: 336px; }
.w-340 { width: 340px; }
.w-344 { width: 344px; }
.w-348 { width: 348px; }
.w-352 { width: 352px; }
.w-356 { width: 356px; }
.w-360 { width: 360px; }
.w-364 { width: 364px; }
.w-368 { width: 368px; }
.w-372 { width: 372px; }
.w-376 { width: 376px; }
.w-380 { width: 380px; }
.w-384 { width: 384px; }
.w-388 { width: 388px; }
.w-392 { width: 392px; }
.w-396 { width: 396px; }
.w-400 { width: 400px; }
.w-404 { width: 404px; }
.w-408 { width: 408px; }
.w-412 { width: 412px; }
.w-416 { width: 416px; }
.w-420 { width: 420px; }
.w-424 { width: 424px; }
.w-428 { width: 428px; }
.w-432 { width: 432px; }
.w-436 { width: 436px; }
.w-440 { width: 440px; }
.w-444 { width: 444px; }
.w-448 { width: 448px; }
.w-452 { width: 452px; }
.w-456 { width: 456px; }
.w-460 { width: 460px; }
.w-464 { width: 464px; }
.w-468 { width: 468px; }
.w-472 { width: 472px; }
.w-476 { width: 476px; }
.w-480 { width: 480px; }
.w-484 { width: 484px; }
.w-488 { width: 488px; }
.w-492 { width: 492px; }
.w-496 { width: 496px; }
.w-500 { width: 500px; }
.w-504 { width: 504px; }
.w-508 { width: 508px; }
.w-512 { width: 512px; }


/* Height in pixels */
.h-0 { height: 0px; }
.h-4 { height: 4px; }
.h-8 { height: 8px; }
.h-12 { height: 12px; }
.h-16 { height: 16px; }
.h-20 { height: 20px; }
.h-24 { height: 24px; }
.h-28 { height: 28px; }
.h-32 { height: 32px; }
.h-36 { height: 36px; }
.h-40 { height: 40px; }
.h-44 { height: 44px; }
.h-48 { height: 48px; }
.h-52 { height: 52px; }
.h-56 { height: 56px; }
.h-60 { height: 60px; }
.h-64 { height: 64px; }
.h-68 { height: 68px; }
.h-72 { height: 72px; }
.h-76 { height: 76px; }
.h-80 { height: 80px; }
.h-84 { height: 84px; }
.h-88 { height: 88px; }
.h-92 { height: 92px; }
.h-96 { height: 96px; }
.h-100 { height: 100px; }
.h-104 { height: 104px; }
.h-108 { height: 108px; }
.h-112 { height: 112px; }
.h-116 { height: 116px; }
.h-120 { height: 120px; }
.h-124 { height: 124px; }
.h-128 { height: 128px; }
.h-132 { height: 132px; }
.h-136 { height: 136px; }
.h-140 { height: 140px; }
.h-144 { height: 144px; }
.h-148 { height: 148px; }
.h-152 { height: 152px; }
.h-156 { height: 156px; }
.h-160 { height: 160px; }
.h-164 { height: 164px; }
.h-168 { height: 168px; }
.h-172 { height: 172px; }
.h-176 { height: 176px; }
.h-180 { height: 180px; }
.h-184 { height: 184px; }
.h-188 { height: 188px; }
.h-192 { height: 192px; }
.h-196 { height: 196px; }
.h-200 { height: 200px; }
.h-204 { height: 204px; }
.h-208 { height: 208px; }
.h-212 { height: 212px; }
.h-216 { height: 216px; }
.h-220 { height: 220px; }
.h-224 { height: 224px; }
.h-228 { height: 228px; }
.h-232 { height: 232px; }
.h-236 { height: 236px; }
.h-240 { height: 240px; }
.h-244 { height: 244px; }
.h-248 { height: 248px; }
.h-252 { height: 252px; }
.h-256 { height: 256px; }
.h-260 { height: 260px; }
.h-264 { height: 264px; }
.h-268 { height: 268px; }
.h-272 { height: 272px; }
.h-276 { height: 276px; }
.h-280 { height: 280px; }
.h-284 { height: 284px; }
.h-288 { height: 288px; }
.h-292 { height: 292px; }
.h-296 { height: 296px; }
.h-300 { height: 300px; }
.h-304 { height: 304px; }
.h-308 { height: 308px; }
.h-312 { height: 312px; }
.h-316 { height: 316px; }
.h-320 { height: 320px; }
.h-324 { height: 324px; }
.h-328 { height: 328px; }
.h-332 { height: 332px; }
.h-336 { height: 336px; }
.h-340 { height: 340px; }
.h-344 { height: 344px; }
.h-348 { height: 348px; }
.h-352 { height: 352px; }
.h-356 { height: 356px; }
.h-360 { height: 360px; }
.h-364 { height: 364px; }
.h-368 { height: 368px; }
.h-372 { height: 372px; }
.h-376 { height: 376px; }
.h-380 { height: 380px; }
.h-384 { height: 384px; }
.h-388 { height: 388px; }
.h-392 { height: 392px; }
.h-396 { height: 396px; }
.h-400 { height: 400px; }
.h-404 { height: 404px; }
.h-408 { height: 408px; }
.h-412 { height: 412px; }
.h-416 { height: 416px; }
.h-420 { height: 420px; }
.h-424 { height: 424px; }
.h-428 { height: 428px; }
.h-432 { height: 432px; }
.h-436 { height: 436px; }
.h-440 { height: 440px; }
.h-444 { height: 444px; }
.h-448 { height: 448px; }
.h-452 { height: 452px; }
.h-456 { height: 456px; }
.h-460 { height: 460px; }
.h-464 { height: 464px; }
.h-468 { height: 468px; }
.h-472 { height: 472px; }
.h-476 { height: 476px; }
.h-480 { height: 480px; }
.h-484 { height: 484px; }
.h-488 { height: 488px; }
.h-492 { height: 492px; }
.h-496 { height: 496px; }
.h-500 { height: 500px; }
.h-504 { height: 504px; }
.h-508 { height: 508px; }
.h-512 { height: 512px; }


/* Width in percentage */
.w-0-p { width: 0%; }
.w-5-p { width: 5%; }
.w-10-p { width: 10%; }
.w-15-p { width: 15%; }
.w-20-p { width: 20%; }
.w-25-p { width: 25%; }
.w-30-p { width: 30%; }
.w-35-p { width: 35%; }
.w-40-p { width: 40%; }
.w-45-p { width: 45%; }
.w-50-p { width: 50%; }
.w-55-p { width: 55%; }
.w-60-p { width: 60%; }
.w-65-p { width: 65%; }
.w-70-p { width: 70%; }
.w-75-p { width: 75%; }
.w-80-p { width: 80%; }
.w-85-p { width: 85%; }
.w-90-p { width: 90%; }
.w-95-p { width: 95%; }
.w-100-p { width: 100%; }


/* Height in percentage */
.h-0-p { height: 0%; }
.h-5-p { height: 5%; }
.h-10-p { height: 10%; }
.h-15-p { height: 15%; }
.h-20-p { height: 20%; }
.h-25-p { height: 25%; }
.h-30-p { height: 30%; }
.h-35-p { height: 35%; }
.h-40-p { height: 40%; }
.h-45-p { height: 45%; }
.h-50-p { height: 50%; }
.h-55-p { height: 55%; }
.h-60-p { height: 60%; }
.h-65-p { height: 65%; }
.h-70-p { height: 70%; }
.h-75-p { height: 75%; }
.h-80-p { height: 80%; }
.h-85-p { height: 85%; }
.h-90-p { height: 90%; }
.h-95-p { height: 95%; }
.h-100-p { height: 100%; }



/* Font weight */
.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }


/* Font size */
.font-size-0 { font-size: 0px; }
.font-size-2 { font-size: 2px; }
.font-size-4 { font-size: 4px; }
.font-size-6 { font-size: 6px; }
.font-size-8 { font-size: 8px; }
.font-size-10 { font-size: 10px; }
.font-size-12 { font-size: 12px; }
.font-size-14 { font-size: 14px; }
.font-size-16 { font-size: 16px; }
.font-size-18 { font-size: 28px; }
.font-size-20 { font-size: 20px; }
.font-size-22 { font-size: 22px; }
.font-size-24 { font-size: 24px; }
.font-size-26 { font-size: 26px; }
.font-size-28 { font-size: 28px; }
.font-size-30 { font-size: 30px; }
.font-size-32 { font-size: 32px; }
.font-size-34 { font-size: 34px; }
.font-size-36 { font-size: 36px; }
.font-size-38 { font-size: 38px; }
.font-size-40 { font-size: 40px; }
.font-size-42 { font-size: 42px; }
.font-size-44 { font-size: 44px; }
.font-size-46 { font-size: 46px; }
.font-size-48 { font-size: 48px; }
.font-size-50 { font-size: 50px; }
.font-size-52 { font-size: 52px; }
.font-size-54 { font-size: 54px; }
.font-size-56 { font-size: 56px; }
.font-size-58 { font-size: 58px; }
.font-size-60 { font-size: 60px; }
.font-size-62 { font-size: 62px; }
.font-size-64 { font-size: 64px; }
.font-size-66 { font-size: 66px; }
.font-size-68 { font-size: 68px; }
.font-size-70 { font-size: 70px; }
.font-size-72 { font-size: 72px; }
.font-size-74 { font-size: 74px; }
.font-size-76 { font-size: 76px; }
.font-size-78 { font-size: 78px; }
.font-size-80 { font-size: 80px; }
.font-size-82 { font-size: 82px; }
.font-size-84 { font-size: 84px; }
.font-size-86 { font-size: 86px; }
.font-size-88 { font-size: 88px; }
.font-size-90 { font-size: 90px; }
.font-size-92 { font-size: 92px; }
.font-size-94 { font-size: 94px; }
.font-size-96 { font-size: 96px; }
.font-size-98 { font-size: 98px; }
.font-size-100 { font-size: 100px; }
.font-size-102 { font-size: 102px; }
.font-size-104 { font-size: 104px; }
.font-size-106 { font-size: 106px; }
.font-size-108 { font-size: 108px; }
.font-size-110 { font-size: 110px; }
.font-size-112 { font-size: 112px; }
.font-size-114 { font-size: 114px; }
.font-size-116 { font-size: 116px; }
.font-size-118 { font-size: 118px; }
.font-size-120 { font-size: 120px; }