html,
body {
  position: relative;
  height: 100%;
}


.swiper {
  width: 100%;
  height: auto;
}

.swiper-slide {
  font-size: 18px;
  background: #fff;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 800px;
  object-fit: cover;
}

.swiper-slide .cover {
  -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}


.swiper-slide h1 {
  position: fixed;
  text-align: center;
  top: 40%;
  font-size: 70px;
  font-weight: bold;
  color: rgb(0, 0, 55);
}

@media (min-width: 800px) {
.swiper-slide h1 {
   width: 800px;
   left: 0%;
}}

.infobox {
  height: 80px;
  line-height: 100%;
  display:flex;
  flex: 0 0 800px;
}
.infobox section {
  position: relative;
  width: 33%;
  height: 100%;
}
.infobox .location {
  position: relative;
  left: 33%;
  top: 0%;
  width: 33%;
  height: 100%;
}
.infobox .title {
  font-weight: bold;
  font-style: italic;
  font-size: 20px;
}
.infobox .text {
  position: relative;
  left: 10%;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
}

@media (min-width: 1100px) {
  .description {
    width: 780px;
  }
  .infoPics {
    display: flex;
  }
  .picturebox {
    height: 80px;
  }
}
@media (max-width: 1100px) {
  .description {
    width: 94%;
  }
  .infoPics {
    display:inline;
  }
  .picturebox {
    width: 100%;
    height: 180px;
  }
}
.description {
  height: auto;
  line-height: 25px;
}
.description .text {
  position: relative;
  left: 3.4%;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
}

.rightbox {
  position: absolute;
  width: 180px;
  right: 2%;
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
  font-family: cursive;
  font-size: larger;
}
.leftbox {
  position: absolute;
  width: 180px;
  left: 2%;
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
  font-family: cursive;
  font-size: larger;
}

.smallImg {
  height: 100%; 
  padding:10px
}

.picturebox {
  min-width: 200px;
}