/* Compact, cleaner homepage hero description. */
.hero-description {
  max-width:780px;
}

@media (min-width:1051px) {
  .hero-description {
    position:relative;
    margin-top:18px;
    padding:2px 0 2px 17px;
    max-width:760px;
    border-left:3px solid #e2ad2f;
  }

  .hero-description .hero-text,
  .hero-description .hero-support {
    max-width:100%;
    margin:0;
    font-size:.92rem;
    line-height:1.45;
    letter-spacing:-.01em;
  }

  .hero-description .hero-text {
    color:#4f6178;
    font-weight:500;
  }

  .hero-description .hero-support {
    margin-top:5px;
    color:#2f435c;
    font-weight:600;
  }
}

@media (min-width:1051px) and (max-width:1500px) {
  .hero-description {
    margin-top:14px;
    padding-left:15px;
    max-width:720px;
  }

  .hero-description .hero-text,
  .hero-description .hero-support {
    font-size:.86rem;
    line-height:1.4;
  }
}

@media (min-width:1051px) and (max-height:820px) {
  .hero-description {
    margin-top:11px;
  }

  .hero-description .hero-text,
  .hero-description .hero-support {
    font-size:.82rem;
    line-height:1.35;
  }
}

@media (max-width:1050px) {
  .hero-description {
    max-width:none;
  }
}