body {
  font-size: 16px;
  font-family: "catamaran", "sans-serif";
  font-weight: 400; /*also loaded 200,400,600,800, for bold*/
}

.eventcontent .eventgrid {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  background-color: #fff;
  padding: 0 4%;
}

.events-section1 h1 {
  font-family: "catamaran", "sans-serif";
  font-weight: 800;
  font-size: 6rem;
  color: #00a8a9;
  text-align: center;
}

.events {
  margin: 2rem 4%;
  padding: 2% 0;
}

.events h2 {
  font-family: "catamaran", "sans-serif";
  font-weight: 600;
  font-size: 4rem;
  color: #421f5d;
}

.events h3 {
  font-family: "catamaran", "sans-serif";
  font-weight: 400;
  font-size: 3rem;
  color: #00a8a9;
}