/* style.css - Responsive font sizes for text-[size] */

:root {
  --step: 2;
}

@media (min-width: 0px) {
  .text-10 { font-size: 8px; }
  .text-12 { font-size: 9px; }
  .text-14 { font-size: 14px; }
  .text-16 { font-size: 16px; }
  .text-18 { font-size: 18px; }
  .text-20 { font-size: 20px; }
  .text-22 { font-size: 16px; }
  .text-24 { font-size: 24px; }
  .text-26 { font-size: 26px; }
  .text-28 { font-size: 28px; }
  .text-30 { font-size: 30px; }
  .text-32 { font-size: 32px; }
  .text-36 { font-size: 24px; }
  .text-38 { font-size: 38px; }
  .text-40 { font-size: 40px; }
  .text-42 { font-size: 42px; }
  .text-44 { font-size: 44px; }
  .text-46 { font-size: 46px; }
  .text-48 { font-size: 48px; }
  .text-50 { font-size: 50px; }
  .text-52 { font-size: 30px; }
  .text-54 { font-size: 54px; }
  .text-56 { font-size: 56px; }
  .text-58 { font-size: 32px; }
  .text-60 { font-size: 60px; }
  .text-62 { font-size: 62px; }
  .text-64 { font-size: 64px; }
  .text-66 { font-size: 66px; }
  .text-68 { font-size: 68px; }
  .text-70 { font-size: 70px; }
}

@media (min-width: 768px) {
  .text-10 { font-size: 10px; }
  .text-12 { font-size: 12px; }
  .text-14 { font-size: 15px; }
  .text-16 { font-size: 17px; }
  .text-18 { font-size: 19px; }
  .text-20 { font-size: 21px; }
  .text-22 { font-size: 20px; }
  .text-24 { font-size: 25px; }
  .text-26 { font-size: 27px; }
  .text-28 { font-size: 29px; }
  .text-30 { font-size: 31px; }
  .text-32 { font-size: 33px; }
  .text-36 { font-size: 32px; }
  .text-38 { font-size: 39px; }
  .text-40 { font-size: 41px; }
  .text-42 { font-size: 43px; }
  .text-44 { font-size: 45px; }
  .text-46 { font-size: 47px; }
  .text-48 { font-size: 49px; }
  .text-50 { font-size: 51px; }
  .text-52 { font-size: 41px; }
  .text-54 { font-size: 55px; }
  .text-56 { font-size: 57px; }
  .text-58 { font-size: 44px; }
  .text-60 { font-size: 61px; }
  .text-62 { font-size: 63px; }
  .text-64 { font-size: 65px; }
  .text-66 { font-size: 67px; }
  .text-68 { font-size: 69px; }
  .text-70 { font-size: 71px; }
}

@media (min-width: 1024px) {
  .text-10 { font-size: 12px; }
  .text-12 { font-size: 14px; }
  .text-14 { font-size: 16px; }
  .text-16 { font-size: 18px; }
  .text-18 { font-size: 20px; }
  .text-20 { font-size: 22px; }
  .text-22 { font-size: 24px; }
  .text-24 { font-size: 26px; }
  .text-26 { font-size: 28px; }
  .text-28 { font-size: 30px; }
  .text-30 { font-size: 32px; }
  .text-32 { font-size: 34px; }
  .text-36 { font-size: 38px; }
  .text-38 { font-size: 40px; }
  .text-40 { font-size: 42px; }
  .text-42 { font-size: 44px; }
  .text-44 { font-size: 46px; }
  .text-46 { font-size: 48px; }
  .text-48 { font-size: 50px; }
  .text-50 { font-size: 52px; }
  .text-52 { font-size: 54px; }
  .text-54 { font-size: 56px; }
  .text-56 { font-size: 58px; }
  .text-58 { font-size: 60px; }
  .text-60 { font-size: 62px; }
  .text-62 { font-size: 64px; }
  .text-64 { font-size: 66px; }
  .text-66 { font-size: 68px; }
  .text-68 { font-size: 70px; }
  .text-70 { font-size: 72px; }
}