@font-face {
  font-family: 'SuperCaramel';
  src: URL('../SuperCaramel/SuperCaramel-5yBza.ttf');
}

h1 {
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: SuperCaramel;
  font-weight: normal;
  font-size: 80;
  color: #39B697;
}

h2 {
  /* font-family: "Segoe UI", Arial, sans-serif; */
  margin: 0;
  font-weight: normal;
  font-size: 40;
}

.upcoming-events {
  margin: 20px;
  border-radius: 25px;
  background: #FFFFFF;
  color: #DD7C9D;
  text-align: center;
}

.upcoming-events h3 {
  margin: 0;
}

.upcoming-events p {
  margin: 0;
}

.upcoming-events-list {
  padding-bottom: 10px;
}

.upcoming-events-list ul {
  list-style: none;
}

.previous-events {
  margin: 20px;
  border-radius: 25px;
  background: #FFFFFF;
  color: #DD7C9D;
  text-align: center;
}

.previous-events .events {
  display: flex;
  justify-content: center;
}

.previous-events-list ul {
  list-style: none;
}

.product-images {
  padding-top: 6;
  padding-bottom: 6;
  display: flex;
  align-items: center;
}

.cycle-photo-previous {
  width: 20px;
  height: 20px;
  margin-left: 10px;

  transform: scaleX(-1) !important;
  background-image: url(../Media/arrow.png);

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  cursor: pointer;
}

.image-carousel img {
  border-radius: 25px;
}

.image-visible {
  display: block;
}

.image-hidden {
  display: none;
}

.cycle-photo-next {
  width: 20px;
  height: 20px;
  margin-left: 10px;

  background-image: url(../Media/arrow.png);

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  cursor: pointer;
}