/*
==============================
Page All
Section: Banner
==============================
*/

.banner {
  background-position:center center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
}
.banner-mobile {
  height:35vh;
}
.banner-caption {
  position:absolute;
  top:70%;
  left:45px;
  width:60%;
  transform: translateY(-50%);
}
.banner-caption-subtitle {
  font-size:1.3em;
}
.banner-desktop {
  background-size:0;
}
.banner-category {
  height: 35vh;
}
.banner-category-mobile {
  height: 45vh;
}
@media (min-width: 992px) {
  .banner .row {
    height:45vh;
  }
  .banner-category {
    height: 45vh;
  }
  /*.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }*/
}


/*
==============================
Page: Home
Section: Banner
==============================
*/

.banner-home-mobile .row {
  height: 92vh;
}
.home-mobile-hero-title {
  /*position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);*/
  margin-top: 1.5rem;
  width: 100%;
}
.home-mobile-hero-title span {
  font-size: 1.9rem;
  font-weight: 600;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 1.9rem;
}
.home-mobile-hero-wrapper {
  /*position: absolute;
  bottom: 11.5vh;
  left: 50%;
  transform: translateX(-50%);*/
  margin-top: 3rem;
  width: 100%;
}
.home-mobile-hero-description {
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 600;
  text-align: center;
}
.banner-home-mobile .button {
  width: 60%;
}

@media (min-width: 600px) {
  .banner-home-mobile .row {
    height: 85vh;
  }
  .home-mobile-hero-wrapper {
    bottom: 150px;
  }
}
@media (min-width: 740px) {
  .banner-home-mobile .row {
    height: 90vh;
  }
  .home-mobile-hero-wrapper {
    bottom: 200px;
  }
}
@media (min-width: 780px) {
  .banner-home-mobile .row {
    height: 95vh;
  }
  .home-mobile-hero-wrapper {
    bottom: 200px;
  }
  .home-mobile-hero-title {
    width: 50%;
  }
}
@media (min-width: 840px) {
  .banner-home-mobile .row {
    height: 110vh;
  }
  .home-mobile-hero-wrapper {
    bottom: 300px;
  }
  .home-mobile-hero-title {
    width: 50%;
  }
  .home-mobile-hero-title span {
    font-size: 2.2rem;
    line-height: 2.3rem;
  }
}


.banner-home, .banner-home .row  {
  height: auto;
}

.banner-home {
  position: relative;
  top: -110px;  
}
.banner-home .banner {
  height: 65vh;
  background-position: 40% center;
}
.banner-home .row {
  height: 65vh;
  position:relative;
}
.banner-home .row h1 {
  font-size: 2.5rem;
}
.home-hero-description {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.7rem;
}

@media (min-width: 1400px) {
  .banner-home .banner, 
  .banner-home .row {
    height: 70vh;
  }
}

@media (min-width: 1900px) {
  .banner-home .banner, 
  .banner-home .row {
    height: 80vh;
  }
}

@media (min-width: 1140px) and (max-height: 650px) {
  .banner-home .banner, 
  .banner-home .row {
    height: 100vh;
  }
}


/*
==============================
Page: About Us
Section: Banner
==============================
*/

.banner-aboutus, .banner-aboutus .row  {
  height: 20vh;
}

@media (min-width: 992px) {
  .banner-aboutus, .banner-aboutus .row {
    height: 35vh;
    background-position: center 100%;
  }
}

@media (min-width: 1400px) {
    .banner-aboutus, .banner-aboutus .row {
      height: 40vh;
    }
}

@media (min-width: 1900px) {
    .banner-aboutus, .banner-aboutus .row {
      height: 50vh;
    }
}