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

.banner {
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
}
.banner {
  height:100%;
}
.banner-caption {
  position:absolute;
  top:70%;
  left:45px;
  width:60%;
  transform: translateY(-50%);
}
.banner-caption-subtitle {
  font-size:1.3em;
}

@media (min-width: 992px) {
  .banner {
    background-position:100% center;
    background-size:50%;
    height:100%;
  }
}