@media (min-width: 50em) and (min-height: 50em) {
  /* guarantees at least 1em in all viewports */
  ul {font-size: 2vmin; -webkit-columns: 4;}
}

/* automatically magnify business-card-style page in large viewports */
/* please don't use this unless you yourself posses a large monitor! */
@media (min-width: 50em) and (min-height: 64em) {
  /* start with 100% at 50em, we'll have 150% magnification at 75em */
  html {font-size: 2vmin;}
}
@media (min-width: 75em) and (min-height: 96em) {
  /* start with 225% magnification at 75em (75 / 100 * 3 = 2.25) */
  html {font-size: 3vmin;}
}