h1,h2,h3,p { 
 text-align: center;
 margin-bottom: 20px;
}









body {
  font-family: "Futura", "Gill Sans", var(--font-family-default), var(--font-family-fallback-1), sans-serif;
}






.event-collage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  grid-auto-rows: auto;
}






.event-collage > div {
  position: relative;
}






.event-collage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}






.event-collage .big {
  grid-column: 1 / -1;
  grid-row: span 2;
}






.event-collage .horizontal {
  grid-column: span 2;
}






.event-collage .vertical {
  grid-row: span 2;
}