@import url("nav.css");
@import url("bgvideo.css");
@import url("slider_hor.css");
@import url("global.css");

.picgrid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.picgrid img {
  width: 55vh;          /* desktop size */
  max-width: 100%;      /* prevents overflow on small screens */
  height: auto;         /* keeps proportions */
}

.horizontal{
	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.horizontal img{
	width:82.5vh;

}

/* MOBILE RESPONSIVE BREAKPOINT */
@media (max-width: 768px) {
  .picgrid img {
    width: 60vw;        /* full width on phones */
  }
}