@charset "UTF-8";

:root {
  --padding140: 140px 0;
  --padding714: 70px 0 140px;
  --padding240: 240px 0 240px;
  --padding2414: 240px 0 140px;
  --paddingMain: 140px 0 75.94px;
  --paddingFooter: 60px 0;

  --white: #fff;
  --black: #1a1a1a;
  --r-black-op5: rgba(0, 0, 0, 0.5);
  --po: #ffd702;
  --secondary: #3b2e1a;
  --gray-200: #e0e0e0;
  --gray-300: #d2d2d2;
  --gray-500: #828282;
  --gray-600: #656565;
  --gray-op6: rgba(51, 51, 51, 0.6);

  --bg-gray: #f7f7f7;

  --font-52: 52px;
  --font-52-ls: -1.56px;
  --font-42: 42px;
  --font-42-ls: -1.26px;
  --font-40: 40px;
  --font-40-ls: -1.2px;
  --font-36: 36px;
  --font-36-ls: -1.08px;
  --font-32: 32px;
  --font-32-ls: -0.96px;
  --font-28: 28px;
  --font-28-ls: -0.84px;
  --font-25: 25px;
  --font-25-ls: -0.6px;
  --font-24: 24px;
  --font-24-ls: -0.72px;
  --font-22: 22px;
  --font-22-ls: -0.66px;
  --font-21: 21px;
  --font-21-ls: -0.63px;
  --font-20: 20px;
  --font-20-ls: -0.6px;
  --font-16: 16px;
  --font-16-ls: -0.48px;
  --font-15: 15px;
  --font-15-ls: -0.75px;
  --font-14: 14px;
  --font-14-ls: -0.42px;
  --font-13: 13px;
  --font-13-ls: -0.39px;
}
@media all and (max-width: 1200px) {
  :root {
    --padding140: 100px 0;
    --padding714: 50px 0 100px;
    --padding240: 200px 0 240px;
    --padding2414: 240px 0 100px;
    --paddingMain: 100px 0 55.94px;

    --font-52: 44px;
    --font-42: 36px;
    --font-40: 34px;
    --font-36: 30px;
    --font-32: 27px;
    --font-28: 26px;
    --font-25: 23px;
    --font-24: 21px;
    --font-22: 19px;
    --font-21: 19px;
    --font-20: 18px;
    --font-16: 15px;
    --font-15: 14px;
  }
}
@media all and (max-width: 815px) {
  :root {
    --font-52: 36px;
    --font-42: 30px;
    --font-40: 28px;
    --font-36: 25px;
    --font-32: 22px;
    --font-28: 24px;
    --font-25: 22px;
    --font-24: 18px;
    --font-22: 17px;
    --font-21: 17px;
    --font-20: 16px;
    --font-15: 13px;
  }
}
@media all and (max-width: 775px) {
  :root {
    --padding240: 200px 0 200px;
    --padding2414: 200px 0 100px;
  }
}
@media all and (max-width: 500px) {
  :root {
    --padding140: 60px 0;
    --padding714: 30px 0 60px;
    --padding240: 80px 0 60px;
    --padding2414: 40px 0 60px;
    --paddingMain: 59.25px 0 45.9px;

    --font-52: 28px;
    --font-52-ls: -0.84px;
    --font-42: 24px;
    --font-42-ls: -0.72px;
    --font-40: 22px;
    --font-40-ls: -0.66px;
    --font-36: 20px;
    --font-36-ls: -0.6px;
    --font-32: 18px;
    --font-32-ls: -0.54px;
    --font-28: 22px;
    --font-28-ls: -0.66px;
    --font-25: 21px;
    --font-25-ls: -0.63px;
    --font-24: 16px;
    --font-24-ls: -0.48px;
    --font-22: 15px;
    --font-22-ls: -0.45px;
    --font-21: 16px;
    --font-21-ls: -0.48px;
    --font-20: 14px;
    --font-20-ls: -0.42px;
    --font-16: 14px;
    --font-16-ls: -0.42px;
    --font-15: 12px;
    --font-15-ls: -0.6px;
  }
}