#promo-banner {
    top: 90px !important;
}
.jumbotron.hero, .jumbotron {
    padding-top: 4.5rem;
  }
  @media only screen and (max-width: 640px) {
    #hero { height: 350px; }
  }
@media only screen and (min-width: 760px) {
#promo-banner {
    top: 90px !important;
}
.jumbotron.hero, .jumbotron {
    padding-top: 6.5rem;
  }
  .pd-hero { padding-top: 5.5rem;}
  .hero { padding: 4.5rem 0 1.2rem;}
}

@media only screen and (min-width: 990px) {
#promo-banner {
    top: 102px !important;
}
.jumbotron.hero, .jumbotron {
    padding-top: 4rem;
  }
  .hero { padding-top: 4.8rem;}
  .pd-hero { padding-top: 5.8rem;}
  .jumbotron .micro-subtitle { margin-top: 40px; }
  .jumbotron .hero-video { margin-top: 28px; }
}

.top-banner {
  background: #474c55;
  font-size: 14px;
  line-height: 1;
  color: #ced2db;
  height: 32px;
  max-height: 32px;
  font-weight: 300;
}
.top-banner a {
  display:block;
  background: #474c55;
  font-size: 11px;
  line-height: 28px;
  color: #F4EAE0;
  width: 100%;
  font-weight: 300;
  height: 32px;
  padding: 0px 0;
  text-align: center;
  letter-spacing: 0.06em;
}
.top-banner a span { font-size: 13px; font-weight: 400; margin-right: 8px; color: #FDB64D; }
.top-banner a i { font-size: 16px; line-height: 22px; margin-left: 4px; font-weight: 300; position: relative; top: 3px; color:#FDB64D; }
.top-banner a:hover {
  display:block;
  background: #4e5661;
  text-decoration: none;
}
.top-banner-container {
  display:block;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.landing .top-banner {
  display:none;
}

@media only screen and (max-width: 640px) {
  .top-banner a { font-size: 10px;letter-spacing: 0.02em; }
  .top-banner a i { display:none; }
.top-banner a span { font-size: 11px; font-weight: 400; margin-right: 4px; color: #FDB64D; }
}

@media only screen and (min-width: 760px) {
  .landing #promo-banner {
      top: 90px !important;
  }
}

@media only screen and (min-width: 990px) {
.landing #promo-banner {
    top: 72px !important;
}
.landing #hero {
    padding-top: 0rem;
  }
}

@media only screen and (max-width: 750px) {
  .promo-banner .btn.promo-btn {
    line-height: 12px !important;
    padding: 4px 0 2px;
  }
  .title-icon img {
    top: 0px !important;
  }
  .jumbotron.hero-promo {
    padding-top: 56px;
  }
}