/* Retain the supplied scale, with Kyra's minimum readable text size. */
body { font-size: max(16px, 1.6rem); }
.h5 { font-size: max(16px, 1.9rem); }
.h6 { font-size: max(16px, 1.4rem); }
.h7 { font-size: max(16px, 1.2rem); }
.text-18 { font-size: max(16px, 1.8rem); }
@media (min-width: 650px) {
  .h5 { font-size: max(16px, 2.2rem); }
  .h6 { font-size: max(16px, 1.5rem); }
  .h7 { font-size: max(16px, 1.4rem); }
}