.fotocontainer{
  /* zorgt ervoor dat aantal kolommen aan schermbreedte wordt aangepast*/

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: 150px;
  grid-gap: 15px;
}

.fotocontainer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(60%);
    transition: 0.2s ease-in-out;
    border-radius: 5px;
}
.fotocontainer img:hover{
  /* foto 1.2x vergroten als muis erover gaat */
  transform: scale(1.1);
  filter: grayscale(0);
}

/* photo klasse wordt gebruikt in sponsorensectie */
.photo > img {
	/* zorgt ervaar dat img binnen het grid blijft */
  object-fit: cover;
  max-width: 100%;
  max-height: auto;
	border-radius: 20px;
}
.photo > a > img {
	/* zorgt ervoor dat img binnen het grid blijft */
  object-fit: cover;
  max-width: 100%;
  max-height: auto;
}
.w-1 {
	grid-column: span 1;
}
.w-2{
	grid-column: span 2;
}

.h1 {
	grid-row: span 1;
}
.h2{
	grid-row: span 2;
}
.ssb_fit {object-fit: cover;
max-width: 100%;
max-height: auto;
}