/* Photography page (photography.html). Mobile first. */

.page-title {
  margin: 29px 0 12px;
  font-size: 17.7vw;
  line-height: 1.2237;
}

main {
  margin-bottom: 41px;
}

@media (min-width: 751px) {
  .page-title {
    margin: 24px 0 33px;
    font-size: 86px;
    letter-spacing: 0.008em;
  }

  main {
    margin-bottom: 27px;
  }

  /* Photo positions measured from the Wix page at 1280px, where the box is
     855 x 1454px. */
  .photography-gallery {
    width: 855px;
    aspect-ratio: 855 / 1454;
  }

  .photography-gallery > :nth-child(1) { left: 0%; top: 0%; width: 32.51%; height: 12.72%; }
  .photography-gallery > :nth-child(2) { left: 33.68%; top: 0%; width: 32.63%; height: 25.1%; }
  .photography-gallery > :nth-child(3) { left: 67.49%; top: 0%; width: 32.51%; height: 21.6%; }
  .photography-gallery > :nth-child(4) { left: 0%; top: 13.41%; width: 32.51%; height: 17.26%; }
  .photography-gallery > :nth-child(5) { left: 67.49%; top: 22.28%; width: 32.51%; height: 26.89%; }
  .photography-gallery > :nth-child(6) { left: 33.68%; top: 25.79%; width: 32.63%; height: 21.87%; }
  .photography-gallery > :nth-child(7) { left: 0%; top: 31.36%; width: 32.51%; height: 13.27%; }
  .photography-gallery > :nth-child(8) { left: 0%; top: 45.32%; width: 32.51%; height: 13.76%; }
  .photography-gallery > :nth-child(9) { left: 33.68%; top: 48.35%; width: 32.63%; height: 12.79%; }
  .photography-gallery > :nth-child(10) { left: 67.49%; top: 49.86%; width: 32.51%; height: 23.93%; }
  .photography-gallery > :nth-child(11) { left: 0%; top: 59.77%; width: 32.51%; height: 22.01%; }
  .photography-gallery > :nth-child(12) { left: 33.68%; top: 61.83%; width: 32.63%; height: 22.21%; }
  .photography-gallery > :nth-child(13) { left: 67.49%; top: 74.48%; width: 32.51%; height: 25.52%; }
}