@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Parkinsans:wght@300..800&display=swap');

:root, body {
  font-family: "Parkinsans", "DM Sans", "sans-serif";
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 0;
  --main-color: #072B34;
  --theme-blue: #238FB3;
  --theme-orange: #E78414;
}

body {
  --size-4-8-8: calc(max(4px, calc(1vw * 8/19.2)));
  --size-7-9-9: calc(max(7px, calc(1vw * 9/19.2)));
  --size-6-10-10: calc(max(6px, calc(1vw * 10/19.2)));
  --size-7-11-11: calc(max(7px, calc(1vw * 11/19.2)));
  --size-8-11-11: calc(max(8px, calc(1vw * 11/19.2)));
  --size-9-11-11: calc(max(9px, calc(1vw * 11/19.2)));
  --size-10-11-11: calc(max(10px, calc(1vw * 11/19.2)));
  --size-8-12-12: calc(max(8px, calc(1vw * 12/19.2)));
  --size-11-12-12: calc(max(11px, calc(1vw * 12/19.2)));
  --size-11-13-13: calc(max(12px, calc(1vw * 13/19.2)));
  --size-12-13-13: calc(max(11px, calc(1vw * 13/19.2)));
  --size-11-14-14: calc(max(11px, calc(1vw * 14/19.2)));
  --size-12-14-14: calc(max(12px, calc(1vw * 14/19.2)));
  --size-13-14-14: calc(max(13px, calc(1vw * 14/19.2)));
  --size-10-15-15: calc(max(10px, calc(1vw * 15/19.2)));
  --size-12-15-15: calc(max(12px, calc(1vw * 15/19.2)));
  --size-13-15-15: calc(max(13px, calc(1vw * 15/19.2)));
  --size-14-15-15: calc(max(14px, calc(1vw * 15/19.2)));
  --size-10-16-16: calc(max(10px, calc(1vw * 16/19.2)));
  --size-13-16-16: calc(max(13px, calc(1vw * 16/19.2)));
  --size-14-16-16: calc(max(14px, calc(1vw * 16/19.2)));
  --size-15-16-16: calc(max(15px, calc(1vw * 16/19.2)));
  --size-13-17-17: calc(max(13px, calc(1vw * 17/19.2)));
  --size-12-18-18: calc(max(12px, calc(1vw * 18/19.2)));
  --size-13-18-18: calc(max(13px, calc(1vw * 18/19.2)));
  --size-14-18-18: calc(max(14px, calc(1vw * 18/19.2)));
  --size-15-18-18: calc(max(15px, calc(1vw * 18/19.2)));
  --size-16-18-18: calc(max(16px, calc(1vw * 18/19.2)));
  --size-12-19-19: calc(max(12px, calc(1vw * 19/19.2)));
  --size-16-19-19: calc(max(16px, calc(1vw * 19/19.2)));
  --size-12-20-20: calc(max(12px, calc(1vw * 20/19.2)));
  --size-14-20-20: calc(max(14px, calc(1vw * 20/19.2)));
  --size-15-20-20: calc(max(15px, calc(1vw * 20/19.2)));
  --size-16-20-20: calc(max(16px, calc(1vw * 20/19.2)));
  --size-18-20-20: calc(max(18px, calc(1vw * 20/19.2)));
  --size-16-21-21: calc(max(16px, calc(1vw * 21/19.2)));
  --size-13-22-22: calc(max(13px, calc(1vw * 22/19.2)));
  --size-15-22-22: calc(max(15px, calc(1vw * 22/19.2)));
  --size-16-22-22: calc(max(16px, calc(1vw * 22/19.2)));
  --size-18-22-22: calc(max(18px, calc(1vw * 22/19.2)));
  --size-14-24-24: calc(max(14px, calc(1vw * 24/19.2)));
  --size-20-24-24: calc(max(20px, calc(1vw * 24/19.2)));
  --size-15-25-25: calc(max(15px, calc(1vw * 25/19.2)));
  --size-16-25-25: calc(max(16px, calc(1vw * 25/19.2)));
  --size-18-25-25: calc(max(18px, calc(1vw * 25/19.2)));
  --size-20-25-25: calc(max(20px, calc(1vw * 25/19.2)));
  --size-15-26-26: calc(max(15px, calc(1vw * 26/19.2)));
  --size-20-26-26: calc(max(20px, calc(1vw * 26/19.2)));
  --size-16-28-28: calc(max(16px, calc(1vw * 28/19.2)));
  --size-17-28-28: calc(max(17px, calc(1vw * 28/19.2)));
  --size-21-28-28: calc(max(21px, calc(1vw * 28/19.2)));
  --size-18-30-30: calc(max(18px, calc(1vw * 30/19.2)));
  --size-22-30-30: calc(max(22px, calc(1vw * 30/19.2)));
  --size-25-30-30: calc(max(25px, calc(1vw * 30/19.2)));
  --size-24-32-32: calc(max(24px, calc(1vw * 32/19.2)));
  --size-25-33-33: calc(max(25px, calc(1vw * 33/19.2)));
  --size-20-35-35: calc(max(20px, calc(1vw * 35/19.2)));
  --size-24-35-35: calc(max(24px, calc(1vw * 35/19.2)));
  --size-25-35-35: calc(max(25px, calc(1vw * 35/19.2)));
  --size-26-36-36: calc(max(26px, calc(1vw * 36/19.2)));
  --size-17-38-38: calc(max(17px, calc(1vw * 38/19.2)));
  --size-28-38-38: calc(max(28px, calc(1vw * 38/19.2)));
  --size-20-40-40: calc(max(20px, calc(1vw * 40/19.2)));
  --size-25-40-40: calc(max(25px, calc(1vw * 40/19.2)));
  --size-30-40-40: calc(max(30px, calc(1vw * 40/19.2)));
  --size-28-45-45: calc(max(28px, calc(1vw * 45/19.2)));
  --size-35-47-47: calc(max(35px, calc(1vw * 47/19.2)));
  --size-25-50-50: calc(max(25px, calc(1vw * 50/19.2)));
  --size-40-50-50: calc(max(40px, calc(1vw * 50/19.2)));
  --size-35-52-52: calc(max(35px, calc(1vw * 52/19.2)));
  --size-40-60-60: calc(max(40px, calc(1vw * 60/19.2)));
  --size-30-60-60: calc(max(30px, calc(1vw * 60/19.2)));
  --size-37-62-62: calc(max(30px, calc(1vw * 62/19.2)));
  --size-39-70-70: calc(max(39px, calc(1vw * 70/19.2)));
  --size-46-72-72: calc(max(46px, calc(1vw * 72/19.2)));
  --size-30-80-80: calc(max(30px, calc(1vw * 80/19.2)));
  --size-50-80-80: calc(max(50px, calc(1vw * 80/19.2)));
  --size-23-83-83: calc(max(23px, calc(1vw * 83/19.2)));
  --size-63-86-86: calc(max(63px, calc(1vw * 86/19.2)));
  --size-45-88-88: calc(max(45px, calc(1vw * 88/19.2)));
  --size-24-94-94: calc(max(24px, calc(1vw * 94/19.2)));
  --size-37-98-98: calc(max(37px, calc(1vw * 98/19.2)));
  --size-45-98-98: calc(max(45px, calc(1vw * 98/19.2)));
  --size-50-100-100: calc(max(50px, calc(1vw * 100/19.2)));
  --size-60-100-100: calc(max(60px, calc(1vw * 100/19.2)));
  --size-60-110-110: calc(max(60px, calc(1vw * 110/19.2)));
  --size-80-120-120: calc(max(80px, calc(1vw * 120/19.2)));
  --size-65-130-130: calc(max(65px, calc(1vw * 130/19.2)));
  --size-60-140-140: calc(max(60px, calc(1vw * 140/19.2)));
  --size-120-140-140: calc(max(120px, calc(1vw * 140/19.2)));
  --size-80-144-144: calc(max(80px, calc(1vw * 144/19.2)));
  --size-125-155-155: calc(max(135px, calc(1vw * 154/19.2)));
  --size-100-160-160: calc(max(100px, calc(1vw * 160/19.2)));
  --size-44-161-161: calc(max(44px, calc(1vw * 161/19.2)));
  --size-130-170-170: calc(max(130px, calc(1vw * 170/19.2)));
  --size-90-180-180: calc(max(90px, calc(1vw * 180/19.2)));
  --size-65-188-188: calc(max(65px, calc(1vw * 188/19.2)));
  --size-100-200-200: calc(max(100px, calc(1vw * 200/19.2)));
  --size-160-200-200: calc(max(160px, calc(1vw * 200/19.2)));
  --size-150-221-221: calc(max(150px, calc(1vw * 221/19.2)));
  --size-150-260-260: calc(max(150px, calc(1vw * 260/19.2)));
  --size-69-274-274: calc(max(69px, calc(1vw * 274/19.2)));
  --size-200-290-290: calc(max(200px, calc(1vw * 290/19.2)));
  --size-100-300-300: calc(max(100px, calc(1vw * 300/19.2)));
  --size-78-309-309: calc(max(78px, calc(1vw * 309/19.2)));
  --size-300-350-350: calc(max(300px, calc(1vw * 350/19.2)));
  --size-231-337-337: calc(max(231px, calc(1vw * 337/19.2)));
  --size-200-400-400: calc(max(200px, calc(1vw * 400/19.2)));
  --size-300-437-437: calc(max(300px, calc(1vw * 437/19.2)));
  --size-250-500-500: calc(max(250px, calc(1vw * 500/19.2)));
  --size-200-550-550: calc(max(200px, calc(1vw * 550/19.2)));
  --size-300-600-600: calc(max(300px, calc(1vw * 600/19.2)));
  --size-350-616-616: calc(max(350px, calc(1vw * 616/19.2)));
  --size-500-600-600: calc(max(500px, calc(1vw * 600/19.2)));
  --size-300-800-800: calc(max(300px, calc(1vw * 800/19.2)));
  --size-300-1000-1000: calc(max(300px, calc(1vw * 1000/19.2)));
}

@media screen and (min-width: 1920px) {
  body {
    --size-4-8-8: 8px;
    --size-7-9-9: 9px;
    --size-6-10-10: 10px;
    --size-7-11-11: 11px;
    --size-8-11-11: 11px;
    --size-9-11-11: 11px;
    --size-10-11-11: 11px;
    --size-11-12-12: 12px;
    --size-12-13-13: 13px;
    --size-11-13-13: 13px;
    --size-11-14-14: 14px;
    --size-12-14-14: 14px;
    --size-13-14-14: 14px;
    --size-10-15-15: 15px;
    --size-10-15-15: 15px;
    --size-12-15-15: 15px;
    --size-13-15-15: 15px;
    --size-14-15-15: 15px;
    --size-10-16-16: 16px;
    --size-13-16-16: 16px;
    --size-14-16-16: 16px;
    --size-15-16-16: 16px;
    --size-13-17-17: 17px;
    --size-12-18-18: 18px;
    --size-13-18-18: 18px;
    --size-14-18-18: 18px;
    --size-15-18-18: 18px;
    --size-16-18-18: 18px;
    --size-12-19-19: 19px;
    --size-16-19-19: 19px;
    --size-12-20-20: 20px;
    --size-14-20-20: 20px;
    --size-15-20-20: 20px;
    --size-16-20-20: 20px;
    --size-18-20-20: 20px;
    --size-16-21-21: 21px;
    --size-13-22-22: 22px;
    --size-15-22-22: 22px;
    --size-16-22-22: 22px;
    --size-18-22-22: 22px;
    --size-14-24-24: 24px;
    --size-20-24-24: 24px;
    --size-15-25-25: 25px;
    --size-16-25-25: 25px;
    --size-18-25-25: 25px;
    --size-20-25-25: 25px;
    --size-15-26-26: 26px;
    --size-20-26-26: 26px;
    --size-16-28-28: 28px;
    --size-17-28-28: 28px;
    --size-21-28-28: 28px;
    --size-18-30-30: 30px;
    --size-22-30-30: 30px;
    --size-25-30-30: 30px;
    --size-24-32-32: 32px;
    --size-25-33-33: 33px;
    --size-20-35-35: 35px;
    --size-24-35-35: 35px;
    --size-25-35-35: 35px;
    --size-26-36-36: 36px;
    --size-17-38-38: 38px;
    --size-28-38-38: 38px;
    --size-20-40-40: 40px;
    --size-25-40-40: 40px;
    --size-30-40-40: 40px;
    --size-28-45-45: 45px;
    --size-35-47-47: 47px;
    --size-25-50-50: 50px;
    --size-40-50-50: 50px;
    --size-35-52-52: 52px;
    --size-30-60-60: 60px;
    --size-40-60-60: 60px;
    --size-37-62-62: 62px;
    --size-39-70-70: 70px;
    --size-46-72-72: 72px;
    --size-50-80-80: 80px;
    --size-30-80-80: 80px;
    --size-23-83-83: 83px;
    --size-63-86-86: 86px;
    --size-45-88-88: 88px;
    --size-24-94-94: 94px;
    --size-37-98-98: 98px;
    --size-45-98-98: 98px;
    --size-50-100-100: 100px;
    --size-60-100-100: 100px;
    --size-60-110-110: 110px;
    --size-80-120-120: 120px;
    --size-65-130-130: 130px;
    --size-60-140-140: 140px;
    --size-120-140-140: 140px;
    --size-80-144-144: 144px;
    --size-125-155-155: 155px;
    --size-100-160-160: 160px;
    --size-44-161-161: 161px;
    --size-130-170-170: 170px;
    --size-90-180-180: 180px;
    --size-65-188-188: 188px;
    --size-100-200-200: 200px;
    --size-160-200-200: 200px;
    --size-150-221-221: 221px;
    --size-150-260-260: 260px;
    --size-150-260-260: 260px;
    --size-69-274-274: 274px;
    --size-100-300-300: 300px;
    --size-78-309-309: 309px;
    --size-231-337-337: 337px;
    --size-300-350-350: 350px;
    --size-300-437-437: 437px;
    --size-200-400-400: 400px;
    --size-250-500-500: 500px;
    --size-200-550-550: 550px;
    --size-300-600-600: 600px;
    --size-350-616-616: 616px;
    --size-500-600-600: 600px;
    --size-300-800-800: 800px;
    --size-300-1000-1000: 1000px;
  }
}