@media (min-width: 0px) {
  :root {
    --min-vw: 320;
    --max-vw: 500;
    --bp-vw: 375;
    --bp-font-size: 1;
  }
}

@media (min-width: 500px) {
  :root {
    --min-vw: 500;
    --max-vw: 1152;
    --bp-vw: 768;
    --bp-font-size: 1;
  }
}

@media (min-width: 1152px) {
  :root {
    --min-vw: 1152;
    --max-vw: 1600;
    --bp-vw: 1440;
    --bp-font-size: 1;
  }
}