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

.banner {
  background-position:center center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
}
.banner-mobile {
  height:35vh;
}
.banner .row {
  height: 10vh;
}
@media (min-width: 992px) {
  .banner .row {
    height:25vh;
  }
  .banner-category {
    height: 45vh;
  }
  .banner h1 {
    font-size: 48px;
  }

}


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

.banner-home-mobile .row {
  height: 45vh;
}

@media (min-width: 992px) {
  .banner-home .row {
    height: 55vh;
  }
}

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

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

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


/*
==============================
Page: Officers Directors
Section: Banner
==============================
*/


#bannerOfficersDirectors h1 span {
  font-size: 48px;
  padding:0 10px;
}

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

.home-hero-title span {
  display:block;
  margin-bottom: 12px;
  font-family: 'Suez One', sans-serif;
}
.home-hero-title span.color-white {
  font-size: 20px;
}
.home-hero-title span.color-gold {
  font-size: 32px;
  line-height: 20px;
}
.home-hero-subtitle {
  font-size: 12px;
  line-height: 14px;
}
.banner-home-mobile .button,
.banner-home .button {
  width: auto;
  display: inline-block;
}

@media (min-width: 992px) {
  .home-hero-title span.color-white {
    font-size: 48px;
  }
  .home-hero-title span.color-gold {
    font-size: 64px;
    line-height: 32px;
    margin-top: 32px;
  }
  .home-hero-subtitle {
    font-size: 20px;
    line-height: 24px;
    margin-top: 48px;
  }
}