:root {
  --mgt10: 10px;
  --mgt20: 20px;
  --mgt30: 30px;
  --mgt40: 40px;
  --mgt50: 50px;
  --mgt60: 60px;
  --mgt70: 70px;
  --mgt80: 80px;
  --mgt90: 90px;
  --mgt100: 100px;
  --mgt110: 110px;
  --mgt120: 120px;
  --mgt130: 130px;
  --mgt140: 140px;
  --mgt150: 150px;
  --mgt160: 160px;
  --mgt170: 170px;
  --mgt180: 180px;
  --mgt190: 190px;
  --mgt200: 200px;
  --mgb10: 10px;
  --mgb20: 20px;
  --mgb30: 30px;
  --mgb40: 40px;
  --mgb50: 50px;
  --mgb60: 60px;
  --mgb70: 70px;
  --mgb80: 80px;
  --mgb90: 90px;
  --mgb100: 100px;
  --mgb110: 110px;
  --mgb120: 120px;
  --mgb130: 130px;
  --mgb140: 140px;
  --mgb150: 150px;
  --mgb160: 160px;
  --mgb170: 170px;
  --mgb180: 180px;
  --mgb190: 190px;
  --mgb200: 200px;
  --pdt10: 10px;
  --pdt20: 20px;
  --pdt30: 30px;
  --pdt40: 40px;
  --pdt50: 50px;
  --pdt60: 60px;
  --pdt70: 70px;
  --pdt80: 80px;
  --pdt90: 90px;
  --pdt100: 100px;
  --pdt110: 110px;
  --pdt120: 120px;
  --pdt130: 130px;
  --pdt140: 140px;
  --pdt150: 150px;
  --pdt160: 160px;
  --pdt170: 170px;
  --pdt180: 180px;
  --pdt190: 190px;
  --pdt200: 200px;
  --pdb10: 10px;
  --pdb20: 20px;
  --pdb30: 30px;
  --pdb40: 40px;
  --pdb50: 50px;
  --pdb60: 60px;
  --pdb70: 70px;
  --pdb80: 80px;
  --pdb90: 90px;
  --pdb100: 100px;
  --pdb110: 110px;
  --pdb120: 120px;
  --pdb130: 130px;
  --pdb140: 140px;
  --pdb150: 150px;
  --pdb160: 160px;
  --pdb170: 170px;
  --pdb180: 180px;
  --pdb190: 190px;
  --pdb200: 200px;
}

.mgt10 { margin-top: var(--mgt10); }
.mgt20 { margin-top: var(--mgt20); }
.mgt30 { margin-top: var(--mgt30); }
.mgt40 { margin-top: var(--mgt40); }
.mgt50 { margin-top: var(--mgt50); }
.mgt60 { margin-top: var(--mgt60); }
.mgt70 { margin-top: var(--mgt70); }
.mgt80 { margin-top: var(--mgt80); }
.mgt90 { margin-top: var(--mgt90); }
.mgt100 { margin-top: var(--mgt100); }
.mgt110 { margin-top: var(--mgt110); }
.mgt120 { margin-top: var(--mgt120); }
.mgt130 { margin-top: var(--mgt130); }
.mgt140 { margin-top: var(--mgt140); }
.mgt150 { margin-top: var(--mgt150); }
.mgt160 { margin-top: var(--mgt160); }
.mgt170 { margin-top: var(--mgt170); }
.mgt180 { margin-top: var(--mgt180); }
.mgt190 { margin-top: var(--mgt190); }
.mgt200 { margin-top: var(--mgt200); }
.mgb10 { margin-bottom: var(--mgb10); }
.mgb20 { margin-bottom: var(--mgb20); }
.mgb30 { margin-bottom: var(--mgb30); }
.mgb40 { margin-bottom: var(--mgb40); }
.mgb50 { margin-bottom: var(--mgb50); }
.mgb60 { margin-bottom: var(--mgb60); }
.mgb70 { margin-bottom: var(--mgb70); }
.mgb80 { margin-bottom: var(--mgb80); }
.mgb90 { margin-bottom: var(--mgb90); }
.mgb100 { margin-bottom: var(--mgb100); }
.mgb110 { margin-bottom: var(--mgb110); }
.mgb120 { margin-bottom: var(--mgb120); }
.mgb130 { margin-bottom: var(--mgb130); }
.mgb140 { margin-bottom: var(--mgb140); }
.mgb150 { margin-bottom: var(--mgb150); }
.mgb160 { margin-bottom: var(--mgb160); }
.mgb170 { margin-bottom: var(--mgb170); }
.mgb180 { margin-bottom: var(--mgb180); }
.mgb190 { margin-bottom: var(--mgb190); }
.mgb200 { margin-bottom: var(--mgb200); }
.pdt10 { padding-top: var(--pdt10); }
.pdt20 { padding-top: var(--pdt20); }
.pdt30 { padding-top: var(--pdt30); }
.pdt40 { padding-top: var(--pdt40); }
.pdt50 { padding-top: var(--pdt50); }
.pdt60 { padding-top: var(--pdt60); }
.pdt70 { padding-top: var(--pdt70); }
.pdt80 { padding-top: var(--pdt80); }
.pdt90 { padding-top: var(--pdt90); }
.pdt100 { padding-top: var(--pdt100); }
.pdt110 { padding-top: var(--pdt110); }
.pdt120 { padding-top: var(--pdt120); }
.pdt130 { padding-top: var(--pdt130); }
.pdt140 { padding-top: var(--pdt140); }
.pdt150 { padding-top: var(--pdt150); }
.pdt160 { padding-top: var(--pdt160); }
.pdt170 { padding-top: var(--pdt170); }
.pdt180 { padding-top: var(--pdt180); }
.pdt190 { padding-top: var(--pdt190); }
.pdt200 { padding-top: var(--pdt200); }
.pdb10 { padding-bottom: var(--pdb10); }
.pdb20 { padding-bottom: var(--pdb20); }
.pdb30 { padding-bottom: var(--pdb30); }
.pdb40 { padding-bottom: var(--pdb40); }
.pdb50 { padding-bottom: var(--pdb50); }
.pdb60 { padding-bottom: var(--pdb60); }
.pdb70 { padding-bottom: var(--pdb70); }
.pdb80 { padding-bottom: var(--pdb80); }
.pdb90 { padding-bottom: var(--pdb90); }
.pdb100 { padding-bottom: var(--pdb100); }
.pdb110 { padding-bottom: var(--pdb110); }
.pdb120 { padding-bottom: var(--pdb120); }
.pdb130 { padding-bottom: var(--pdb130); }
.pdb140 { padding-bottom: var(--pdb140); }
.pdb150 { padding-bottom: var(--pdb150); }
.pdb160 { padding-bottom: var(--pdb160); }
.pdb170 { padding-bottom: var(--pdb170); }
.pdb180 { padding-bottom: var(--pdb180); }
.pdb190 { padding-bottom: var(--pdb190); }
.pdb200 { padding-bottom: var(--pdb200); }

@media (max-width: 768px) {
:root {
  --mgt10: 7px;
  --mgt20: 14px;
  --mgt30: 21px;
  --mgt40: 28px;
  --mgt50: 35px;
  --mgt60: 42px;
  --mgt70: 49px;
  --mgt80: 56px;
  --mgt90: 62px;
  --mgt100: 70px;
  --mgt110: 77px;
  --mgt120: 84px;
  --mgt130: 91px;
  --mgt140: 98px;
  --mgt150: 105px;
  --mgt160: 112px;
  --mgt170: 118px;
  --mgt180: 125px;
  --mgt190: 133px;
  --mgt200: 140px;
  --mgb10: 7px;
  --mgb20: 14px;
  --mgb30: 21px;
  --mgb40: 28px;
  --mgb50: 35px;
  --mgb60: 42px;
  --mgb70: 49px;
  --mgb80: 56px;
  --mgb90: 62px;
  --mgb100: 70px;
  --mgb110: 77px;
  --mgb120: 84px;
  --mgb130: 91px;
  --mgb140: 98px;
  --mgb150: 105px;
  --mgb160: 112px;
  --mgb170: 118px;
  --mgb180: 125px;
  --mgb190: 133px;
  --mgb200: 140px;
  --pdt10: 7px;
  --pdt20: 14px;
  --pdt30: 21px;
  --pdt40: 28px;
  --pdt50: 35px;
  --pdt60: 42px;
  --pdt70: 49px;
  --pdt80: 56px;
  --pdt90: 62px;
  --pdt100: 70px;
  --pdt110: 77px;
  --pdt120: 84px;
  --pdt130: 91px;
  --pdt140: 98px;
  --pdt150: 105px;
  --pdt160: 112px;
  --pdt170: 118px;
  --pdt180: 125px;
  --pdt190: 133px;
  --pdt200: 140px;
  --pdb10: 7px;
  --pdb20: 14px;
  --pdb30: 21px;
  --pdb40: 28px;
  --pdb50: 35px;
  --pdb60: 42px;
  --pdb70: 49px;
  --pdb80: 56px;
  --pdb90: 62px;
  --pdb100: 70px;
  --pdb110: 77px;
  --pdb120: 84px;
  --pdb130: 91px;
  --pdb140: 98px;
  --pdb150: 105px;
  --pdb160: 112px;
  --pdb170: 118px;
  --pdb180: 125px;
  --pdb190: 133px;
  --pdb200: 140px;
}
}

@media (max-width: 568px) {
:root {
  --mgt10: 5px;
  --mgt20: 10px;
  --mgt30: 15px;
  --mgt40: 20px;
  --mgt50: 25px;
  --mgt60: 30px;
  --mgt70: 35px;
  --mgt80: 40px;
  --mgt90: 45px;
  --mgt100: 50px;
  --mgt110: 55px;
  --mgt120: 60px;
  --mgt130: 65px;
  --mgt140: 70px;
  --mgt150: 75px;
  --mgt160: 80px;
  --mgt170: 85px;
  --mgt180: 90px;
  --mgt190: 95px;
  --mgt200: 100px;
  --mgb10: 5px;
  --mgb20: 10px;
  --mgb30: 15px;
  --mgb40: 20px;
  --mgb50: 25px;
  --mgb60: 30px;
  --mgb70: 35px;
  --mgb80: 40px;
  --mgb90: 45px;
  --mgb100: 50px;
  --mgb110: 55px;
  --mgb120: 60px;
  --mgb130: 65px;
  --mgb140: 70px;
  --mgb150: 75px;
  --mgb160: 80px;
  --mgb170: 85px;
  --mgb180: 90px;
  --mgb190: 95px;
  --mgb200: 100px;
  --pdt10: 5px;
  --pdt20: 10px;
  --pdt30: 15px;
  --pdt40: 20px;
  --pdt50: 25px;
  --pdt60: 30px;
  --pdt70: 35px;
  --pdt80: 40px;
  --pdt90: 45px;
  --pdt100: 50px;
  --pdt110: 55px;
  --pdt120: 60px;
  --pdt130: 65px;
  --pdt140: 70px;
  --pdt150: 75px;
  --pdt160: 80px;
  --pdt170: 85px;
  --pdt180: 90px;
  --pdt190: 95px;
  --pdt200: 100px;
  --pdb10: 5px;
  --pdb20: 10px;
  --pdb30: 15px;
  --pdb40: 20px;
  --pdb50: 25px;
  --pdb60: 30px;
  --pdb70: 35px;
  --pdb80: 40px;
  --pdb90: 45px;
  --pdb100: 50px;
  --pdb110: 55px;
  --pdb120: 60px;
  --pdb130: 65px;
  --pdb140: 70px;
  --pdb150: 75px;
  --pdb160: 80px;
  --pdb170: 85px;
  --pdb180: 90px;
  --pdb190: 95px;
  --pdb200: 100px;
}
}