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

.banner {
  background-position: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;
}
@media (min-width: 992px) {
  .banner {
    background-position:100% center;
    background-size:50%;
    height:45vh;
  }
  .banner .row {
    height:45vh;
  }
  .banner-caption {
    left:8%;
    width:40%;
  }
  .banner-caption-title {
    font-size:2.5em;
  }
}
@media (min-width: 1400px) {
  .banner-caption {
    left: 10%;
  }
}
@media (min-width: 1600px) {
  .banner-caption {
    left: 18%;
  }
}