/* PADDING TOP */
.padding-top-1 { padding-top: min(0.5vw, 3px); }
.padding-top-2 { padding-top: min(1vw, 6px); }
.padding-top-3 { padding-top: min(1.5vw, 9px); }
.padding-top-4 { padding-top: min(2vw, 12px); }
.padding-top-5 { padding-top: min(2.5vw, 15px); }
.padding-top-6 { padding-top: min(3vw, 18px); }
.padding-top-7 { padding-top: min(3.5vw, 21px); }
.padding-top-8 { padding-top: min(4vw, 24px); }
.padding-top-9 { padding-top: min(4.5vw, 27px); }
.padding-top-10 { padding-top: min(5vw, 30px); }
.padding-top-11 { padding-top: min(5.5vw, 33px); }
.padding-top-12 { padding-top: min(6vw, 36px); }
.padding-top-13 { padding-top: min(6.5vw, 39px); }
.padding-top-14 { padding-top: min(7vw, 42px); }
.padding-top-15 { padding-top: min(7.5vw, 45px); }
.padding-top-16 { padding-top: min(8vw, 48px); }
.padding-top-17 { padding-top: min(8.5vw, 51px); }
.padding-top-18 { padding-top: min(9vw, 54px); }
.padding-top-19 { padding-top: min(9.5vw, 57px); }
.padding-top-20 { padding-top: min(10vw, 60px); }

/* PADDING BOTTOM */
.padding-bottom-1 { padding-bottom: min(0.5vw, 3px); }
.padding-bottom-2 { padding-bottom: min(1vw, 6px); }
.padding-bottom-3 { padding-bottom: min(1.5vw, 9px); }
.padding-bottom-4 { padding-bottom: min(2vw, 12px); }
.padding-bottom-5 { padding-bottom: min(2.5vw, 15px); }
.padding-bottom-6 { padding-bottom: min(3vw, 18px); }
.padding-bottom-7 { padding-bottom: min(3.5vw, 21px); }
.padding-bottom-8 { padding-bottom: min(4vw, 24px); }
.padding-bottom-9 { padding-bottom: min(4.5vw, 27px); }
.padding-bottom-10 { padding-bottom: min(5vw, 30px); }
.padding-bottom-11 { padding-bottom: min(5.5vw, 33px); }
.padding-bottom-12 { padding-bottom: min(6vw, 36px); }
.padding-bottom-13 { padding-bottom: min(6.5vw, 39px); }
.padding-bottom-14 { padding-bottom: min(7vw, 42px); }
.padding-bottom-15 { padding-bottom: min(7.5vw, 45px); }
.padding-bottom-16 { padding-bottom: min(8vw, 48px); }
.padding-bottom-17 { padding-bottom: min(8.5vw, 51px); }
.padding-bottom-18 { padding-bottom: min(9vw, 54px); }
.padding-bottom-19 { padding-bottom: min(9.5vw, 57px); }
.padding-bottom-20 { padding-bottom: min(10vw, 60px); }

/* PADDING LEFT */
.padding-left-1 { padding-left: min(0.5vw, 3px); }
.padding-left-2 { padding-left: min(1vw, 6px); }
.padding-left-3 { padding-left: min(1.5vw, 9px); }
.padding-left-4 { padding-left: min(2vw, 12px); }
.padding-left-5 { padding-left: min(2.5vw, 15px); }
.padding-left-6 { padding-left: min(3vw, 18px); }
.padding-left-7 { padding-left: min(3.5vw, 21px); }
.padding-left-8 { padding-left: min(4vw, 24px); }
.padding-left-9 { padding-left: min(4.5vw, 27px); }
.padding-left-10 { padding-left: min(5vw, 30px); }
.padding-left-11 { padding-left: min(5.5vw, 33px); }
.padding-left-12 { padding-left: min(6vw, 36px); }
.padding-left-13 { padding-left: min(6.5vw, 39px); }
.padding-left-14 { padding-left: min(7vw, 42px); }
.padding-left-15 { padding-left: min(7.5vw, 45px); }
.padding-left-16 { padding-left: min(8vw, 48px); }
.padding-left-17 { padding-left: min(8.5vw, 51px); }
.padding-left-18 { padding-left: min(9vw, 54px); }
.padding-left-19 { padding-left: min(9.5vw, 57px); }
.padding-left-20 { padding-left: min(10vw, 60px); }

/* PADDING RIGHT */
.padding-right-1 { padding-right: min(0.5vw, 3px); }
.padding-right-2 { padding-right: min(1vw, 6px); }
.padding-right-3 { padding-right: min(1.5vw, 9px); }
.padding-right-4 { padding-right: min(2vw, 12px); }
.padding-right-5 { padding-right: min(2.5vw, 15px); }
.padding-right-6 { padding-right: min(3vw, 18px); }
.padding-right-7 { padding-right: min(3.5vw, 21px); }
.padding-right-8 { padding-right: min(4vw, 24px); }
.padding-right-9 { padding-right: min(4.5vw, 27px); }
.padding-right-10 { padding-right: min(5vw, 30px); }
.padding-right-11 { padding-right: min(5.5vw, 33px); }
.padding-right-12 { padding-right: min(6vw, 36px); }
.padding-right-13 { padding-right: min(6.5vw, 39px); }
.padding-right-14 { padding-right: min(7vw, 42px); }
.padding-right-15 { padding-right: min(7.5vw, 45px); }
.padding-right-16 { padding-right: min(8vw, 48px); }
.padding-right-17 { padding-right: min(8.5vw, 51px); }
.padding-right-18 { padding-right: min(9vw, 54px); }
.padding-right-19 { padding-right: min(9.5vw, 57px); }
.padding-right-20 { padding-right: min(10vw, 60px); }

/* PADDING */
.padding-1 { padding: min(0.5vw, 3px); }
.padding-2 { padding: min(1vw, 6px); }
.padding-3 { padding: min(1.5vw, 9px); }
.padding-4 { padding: min(2vw, 12px); }
.padding-5 { padding: min(2.5vw, 15px); }
.padding-6 { padding: min(3vw, 18px); }
.padding-7 { padding: min(3.5vw, 21px); }
.padding-8 { padding: min(4vw, 24px); }
.padding-9 { padding: min(4.5vw, 27px); }
.padding-10 { padding: min(5vw, 30px); }
.padding-11 { padding: min(5.5vw, 33px); }
.padding-12 { padding: min(6vw, 36px); }
.padding-13 { padding: min(6.5vw, 39px); }
.padding-14 { padding: min(7vw, 42px); }
.padding-15 { padding: min(7.5vw, 45px); }
.padding-16 { padding: min(8vw, 48px); }
.padding-17 { padding: min(8.5vw, 51px); }
.padding-18 { padding: min(9vw, 54px); }
.padding-19 { padding: min(9.5vw, 57px); }
.padding-20 { padding: min(10vw, 60px); }
.padding-21 { padding: min(10.5vw, 63px); }
.padding-22 { padding: min(11vw, 66px); }
.padding-23 { padding: min(11.5vw, 69px); }
.padding-24 { padding: min(12vw, 72px); }
.padding-25 { padding: min(12.5vw, 75px); }
.padding-26 { padding: min(13vw, 78px); }
.padding-27 { padding: min(13.5vw, 81px); }
.padding-28 { padding: min(14vw, 84px); }
.padding-29 { padding: min(14.5vw, 87px); }
.padding-30 { padding: min(15vw, 90px); }

/* PADDING HORIZONTAL */
.padding-h-1 { padding-right: min(0.5vw, 3px); padding-left: min(0.5vw, 3px); }
.padding-h-2 { padding-right: min(1vw, 6px); padding-left: min(1vw, 6px); }
.padding-h-3 { padding-right: min(1.5vw, 9px); padding-left: min(1.5vw, 9px); }
.padding-h-4 { padding-right: min(2vw, 12px); padding-left: min(2vw, 12px); }
.padding-h-5 { padding-right: min(2.5vw, 15px); padding-left: min(2.5vw, 15px); }
.padding-h-6 { padding-right: min(3vw, 18px); padding-left: min(3vw, 18px); }
.padding-h-7 { padding-right: min(3.5vw, 21px); padding-left: min(3.5vw, 21px); }
.padding-h-8 { padding-right: min(4vw, 24px); padding-left: min(4vw, 24px); }
.padding-h-9 { padding-right: min(4.5vw, 27px); padding-left: min(4.5vw, 27px); }
.padding-h-10 { padding-right: min(5vw, 30px); padding-left: min(5vw, 30px); }
.padding-h-11 { padding-right: min(5.5vw, 33px); padding-left: min(5.5vw, 33px); }
.padding-h-12 { padding-right: min(6vw, 36px); padding-left: min(6vw, 36px); }
.padding-h-13 { padding-right: min(6.5vw, 39px); padding-left: min(6.5vw, 39px); }
.padding-h-14 { padding-right: min(7vw, 42px); padding-left: min(7vw, 42px); }
.padding-h-15 { padding-right: min(7.5vw, 45px); padding-left: min(7.5vw, 45px); }
.padding-h-16 { padding-right: min(8vw, 48px); padding-left: min(8vw, 48px); }
.padding-h-17 { padding-right: min(8.5vw, 51px); padding-left: min(8.5vw, 51px); }
.padding-h-18 { padding-right: min(9vw, 54px); padding-left: min(9vw, 54px); }
.padding-h-19 { padding-right: min(9.5vw, 57px); padding-left: min(9.5vw, 57px); }
.padding-h-20 { padding-right: min(10vw, 60px); padding-left: min(10vw, 60px); }

/* PADDING VERTICAL */
.padding-v-1 { padding-top: min(0.5vw, 3px); padding-bottom: min(0.5vw, 3px); }
.padding-v-2 { padding-top: min(1vw, 6px); padding-bottom: min(1vw, 6px); }
.padding-v-3 { padding-top: min(1.5vw, 9px); padding-bottom: min(1.5vw, 9px); }
.padding-v-4 { padding-top: min(2vw, 12px); padding-bottom: min(2vw, 12px); }
.padding-v-5 { padding-top: min(2.5vw, 15px); padding-bottom: min(2.5vw, 15px); }
.padding-v-6 { padding-top: min(3vw, 18px); padding-bottom: min(3vw, 18px); }
.padding-v-7 { padding-top: min(3.5vw, 21px); padding-bottom: min(3.5vw, 21px); }
.padding-v-8 { padding-top: min(4vw, 24px); padding-bottom: min(4vw, 24px); }
.padding-v-9 { padding-top: min(4.5vw, 27px); padding-bottom: min(4.5vw, 27px); }
.padding-v-10 { padding-top: min(5vw, 30px); padding-bottom: min(5vw, 30px); }
.padding-v-11 { padding-top: min(5.5vw, 33px); padding-bottom: min(5.5vw, 33px); }
.padding-v-12 { padding-top: min(6vw, 36px); padding-bottom: min(6vw, 36px); }
.padding-v-13 { padding-top: min(6.5vw, 39px); padding-bottom: min(6.5vw, 39px); }
.padding-v-14 { padding-top: min(7vw, 42px); padding-bottom: min(7vw, 42px); }
.padding-v-15 { padding-top: min(7.5vw, 45px); padding-bottom: min(7.5vw, 45px); }
.padding-v-16 { padding-top: min(8vw, 48px); padding-bottom: min(8vw, 48px); }
.padding-v-17 { padding-top: min(8.5vw, 51px); padding-bottom: min(8.5vw, 51px); }
.padding-v-18 { padding-top: min(9vw, 54px); padding-bottom: min(9vw, 54px); }
.padding-v-19 { padding-top: min(9.5vw, 57px); padding-bottom: min(9.5vw, 57px); }
.padding-v-20 { padding-top: min(10vw, 60px); padding-bottom: min(10vw, 60px); }