/********** Carousel **********/

.carousel ul li {
  width: 100%; 
  min-width: 100%;
  list-style: none; 
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: Type-1-Bold;
  letter-spacing: 0px;
  font-size: 36px;
  text-align: center;
  margin-right: calc(-100% + 300px);
  transition: transform 0.2s linear;
  opacity: 1.0;
  line-height: 1;
  position: relative;
  bottom: 15px;
}

.carousel ul li > div > div {
  background: url(../../svg/carousel/carousel-01.svg) center center / cover no-repeat; 
  height: 190px;
  width: 190px;
  margin-bottom: 15px;
  margin: -20px -15px 15px;
}

.carousel ul li:nth-child(2) > div > div {
  background-image: url(../../svg/carousel/carousel-02.svg);
}

.carousel ul li:nth-child(3) > div > div {
  background-image: url(../../svg/carousel/carousel-03.svg);
}

.carousel ul li:nth-child(4) > div > div {
  background-image: url(../../svg/carousel/carousel-04.svg);
}

.carousel ul li:nth-child(5) > div > div {
  background-image: url(../../svg/carousel/carousel-05.svg);
}

.carousel ul li div a {
  font-family: Type-1-Bold;
  color: white;
  display: inline-block;
  padding: 8px 18px 5px 18px;
  font-size: 16px;
  letter-spacing: 0px;
  text-decoration: none;
  border-radius: 0px;
  margin-top: 17px;
  background: black;
}

/**************************************** Mediascreen ****************************************/

@media screen and (max-width: 1124px) {

}