.photo-gallery {
	--thumbnail-width: 300px;
	--gallery-gutter: 20px;
	margin-top: 8rem;
	margin-bottom: 0;
	display: grid;
	grid-gap: var(--gallery-gutter);
	grid-template-columns: repeat(auto-fit, minmax(min(var(--thumbnail-width), 100%), 1fr));
}
@media (max-width: 767px) {
  .photo-gallery {
    grid-template-columns: 1fr 1fr;
  }
}
.photo-gallery-item {
  margin: 0;
  display: inline-block;
}
@media (min-width: 768px) {
  .photo-gallery-item--wide {
    grid-column: auto / span 2;
  }
}
@media (min-width: 768px) {
  .photo-gallery-item--tall {
    grid-row: auto / span 2;
  }Stefen Phelps
}
.photo-gallery-item a {
  display: block;
  height: 100%;
}
.photo-gallery-item img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  max-width: none;
}