.slider .swiper-slide {
   height: 280px;
   position: relative;
}

.slider .swiper-slide .slider-image {
   object-fit: cover;
   height: 100%;
   width: 100%;
}

.slider .swiper-slide .slider-content {
   color: white;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%;
}

.slider .swiper-slide .slider-content h1 {
   font-size: 28px;
   font-weight: 300;
   line-height: 1.4;
   margin: 20px 0 0 0;
}

.slider .swiper-slide .slider-content h1 p {
   margin: 0;
   font-family: ITCxlt;
}

.slider .swiper-slide .slider-content h1 p strong {
   margin: 0;
   font-family: ITCstd;
}

.slider .swiper-slide .slider-content hr {
   background: #b69757;
   display: block;
   height: 10px;
   margin: 20px auto;
   width: 50px;
}

.slider .swiper-slide .slider-navigation {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 15px;
}

.slider .swiper-slide .slider-navigation .slider-button-next {
   cursor: pointer;
   margin-left: 15px;
}

.slider .swiper-slide .slider-navigation .slider-button-prev {
   cursor: pointer;
}

.slider .swiper-slide .slider-navigation img {
   width: 20px;
}

@media only screen and (min-width: 768px) {
   .slider .swiper-slide {
      height: 350px;
   }

   .slider .swiper-slide .slider-content h1 {
      font-size: 42px;
   }
}

@media only screen and (min-width: 1280px) {
   .slider .swiper-slide {
      height: 550px;
   }

   .slider .swiper-slide .slider-content h1 {
      font-size: 55px;
      margin: 60px 0 0 0;
   }

   .slider .swiper-slide .slider-content hr {
      margin: 40px auto;
   }

   .slider .swiper-slide .slider-content .button {
      font-size: 20px;
   }

   .slider .swiper-slide .slider-navigation {
      margin-top: 40px;
   }
}

@media only screen and (min-width: 1440px) {
   .slider .swiper-slide {
      height: 740px;
   }

   .slider .swiper-slide .slider-content h1 {
      font-size: 80px;
   }

   
   .slider .swiper-slide .slider-content .button {
      font-size: 24px;
   }
   
   .slider .swiper-slide .slider-navigation {
      margin-top: 70px
   }
}