/* Tablets (portrait and small landscape): everything was sized for a laptop or a phone, so on a tablet it looked too big.
   Loaded last, so these rules win. Phones (under 576px) and laptops (992px and up) are not touched. */
@media (min-width: 576px) and (max-width: 991.98px) {
  /* All sizes in rem shrink by about 6% */
  html { font-size: 15px; }

  /* Pictures next to text no longer fill the whole width */
  .hm-about-photo { aspect-ratio: 5 / 4; }
  .ab-photo { aspect-ratio: 4 / 4.2; }
  .st-photo-main { aspect-ratio: 4 / 3; }
  .ws-photo img, .oc-photo img { aspect-ratio: 4 / 4.2; }
}