body,
#slider,
.wrap,
.slide-content {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
}

.wrap {
  position: relative;
}

.slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slide1 {
  background-image: url("img/01.jpg");
}
.slide2 {
  background-image: url("img/02.jpg");
}
.slide3 {
  background-image: url("img/03.jpg");
}
.slide4 {
  background-image: url("img/04.jpg");
}
.slide5 {
  background-image: url("img/04a.jpg");
}
.slide6 {
  background-image: url("img/05.jpg");
}           
.slide7 {
  background-image: url("img/06.jpg");
}
.slide8 {
  background-image: url("img/07.jpg");
}
.slide9 {
  background-image: url("img/09.jpg");
}
.slide10 {
  background-image: url("img/12.jpg");
}
.slide11 {
  background-image: url("img/13.jpg");
}
.slide12 {
  background-image: url("img/14.jpg");
}
.slide13 {
  background-image: url("img/20.jpg");
}
.slide14 {
  background-image: url("img/22.jpg");
}
.slide15 {
  background-image: url("img/23.jpg");
}
.slide16 {
  background-image: url("img/24.jpg");
}
.slide17 {
  background-image: url("img/27.jpg");
}
.slide18 {
  background-image: url("img/29.jpg");
}
.slide19 {
  background-image: url("img/30.jpg");
}


.slide-content {
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: top;
  text-align: center;
}

.slide-content span {
  font-size: 5rem;
  color: #fff;
}

.arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 0;
  height: 0;
  border-style: solid;
}

#arrow-left {
  border-width: 30px 40px 30px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
  margin-left: 30px;
}

#arrow-right {
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #fff;
  right: 0;
  margin-right: 30px;
}