@media screen and (min-width: 1200px) {
  html, body {
    font-size: 22px;
  }
}

@media screen and (min-width: 1440px) {
  html, body {
    font-size: 24px;
  }
}

/* @TODO: Evaluate breakpoints. */
@media screen and (min-width: 1920px) {
  html, body {
    font-size: 28px;
  }
}

@media screen and (min-width: 2560px) {
  html, body {
    font-size: 32px;
  }
}