@import url('https://fonts.googleapis.com/css?family=Calistoga&display=swap');
  .swiper-container {
      width: 100%;
      height: 63vh;

    }
      .swiper-slide img {
       width: 100%;
       height:63vh;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #dcdcdc;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      position: relative;
    }
    .slider-text {
      position:absolute;left:6%;top:6%;
      animation-delay:1s
    }
    .slider-caption {
      top:20%;
      font-size:60px;
      color:red;
      font-weight: bold;
      font-family: 'Calistoga', cursive;
    }
    .slider .incele {
      font-family: 'Calistoga', cursive;
      font-size:32px;
      background: red;
      border-radius:20px;
      width:200px;
      height:60px;
      left:45%;
      bottom:22%;
      position:absolute;
    }
    .swiper-slide a {text-decoration:none;}
  
    @media only screen and (max-width:1024px) {
  .swiper-container {
      /*height: 35vh;*/
       height: 100%;
     
    }
    .swiper-slide {
    height:35vh;
    }
    
    .swiper-slide img {
       width: 100%;
       /*height: 35vh;*/
       height: 35vh;
    }
  }
  @media only screen and (max-width:768px) {
    .swiper-container {
    /*height: 30vh;*/
    height:100%;
    }
    .swiper-slide {
    height:35vh;
    }
    .swiper-slide img {
       width: 100%;
       /*height: 30vh;*/
       height: 35vh;
    }
    
    
    .swiper-pagination-bullets {
     text-align:left;
    }
    .swiper-pagination-bullet {
     background: red;
    }

    .slider .incele {
      font-size:18px;
      border-radius:20px;
      width:100px;
      height:45px;
      left:38%;
      bottom:5%;
    }
    .slider-text {
    left:6%;top:6%;
    }
    .slider-caption {
      top:20%;
      font-size:25px;
      color:red;
      font-weight: bold;
      font-family: 'Calistoga', cursive;
    }
  }
@media only screen and (max-width:479px) {
	.swiper-container {
      /*height: 30vh;*/
      height:100%;
     
    }
    .swiper-slide {
    height:35vh;
    }
    .swiper-slide img {
       width: 100%;
       /*height: 30vh;*/
       height: 35vh;
    }
    
  }
  @media only screen and (max-width:375px) {
    .swiper-container {
      height: 100%;
    }
    .swiper-slide {
    height:35vh;
    }
    .swiper-slide img {
       width: 100%;
       height: 35vh;
    }
  }