/* gallery */

#gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

#gallery:after {
	content: '';
	display: block;
	flex-grow: 10;
}

#gallery div {
	height: 40vh;
	flex-grow: 1;
}

#gallery img {
  width: 100%;
	max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

@media (max-aspect-ratio: 1/1) {
  #gallery div {
    height: 30vh;
  }
}
@media (max-height: 480px) {
  #gallery div {
    height: 80vh;
  }
}
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
  #gallery {
    flex-direction: column;
  }
  #gallery div {
    height: auto;
    width: 100%;
  }
  #gallery img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;
  }
}