/* Base (mobile first) */
body {
  font-size: 1rem;
  margin: 1em;
}

/* Tablet */
@media (min-width: 600px) {
  body {
    font-size: 1.1rem;
  }
}

/* Widescreen */
@media (min-width: 1024px) {
  body {
    font-size: 1.2rem;
    max-width: 80%;
    margin: auto;
  }
}