.swiper-slide__outer{
    display: table;
    width: 100%;
    height: 100%;
  }

.swiper-slide__inner{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}



.swiper-container--hero{
  height: 700px;
  height: 80vh; 
  margin-bottom: 50px;
}

.swiper__title--hero,
.swiper-description--hero{
  color: #fff;
}

.swiper__title--hero{
  font-size: 36px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 15px;
  
}

.swiper-slide--hero p{
  font-size: 18px;
  font-size: 10rem;
}

.swiper-slide--hero .btn{
  margin-top: 1.5em;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

 @media (min-width: 768px){

  .swiper__title--hero{
    font-size: 72px;
    margin-bottom: 20px;
  }

  .swiper-description--hero{
    font-size: 24px;
  }

}