/* =================================================== */
/* VIEWPORT SCALER */
/* =================================================== */

@media all and (max-width: 299px) {
  :root {
    --era-root-font-size: calc((10 * 100vw) / 300);
  }
}

@media all and (min-width: 300px) and (max-width: 2100px) {
  :root {
    --era-root-font-size: var(--era-font-size-base-percentage);
  }
}

@media all and (min-width: 2101px) {
  :root {
    --era-root-font-size: var(--era-font-size-base-percentage);
  }

  html.presentation-mode {
    --era-root-font-size: calc((10 * 100vw) / 2100);
  }
}