.feature-banner {
  background-color: #333333;
  color: #fff;
  padding: 140px 400px 70px 70px;
  overflow: auto; }
  .feature-banner h1, .feature-banner h2 {
    font-size: 56px;
    font-family: "trajan-pro-3";
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 20px;
    margin: 0 0 20px;
    display: inline-block;
    margin-left: -8px;
    /* adjusting for extra space before first letter (not padding or margin) */ }
  .feature-banner .feature-stats {
    padding-bottom: 20px;
    white-space: nowrap;
    padding-left: 0; }
    .feature-banner .feature-stats span {
      font-size: 82px;
      margin-right: 30px; }
    .feature-banner .feature-stats label {
      text-transform: uppercase;
      font-size: 34px;
      line-height: 32px;
      white-space: normal;
      max-width: 250px; }
  .feature-banner .feature-summary {
    font-size: 21px;
    padding-left: 0; }

@media (min-width: 1250px) {
  /* hack the botom border width for current home page text */
  .feature-banner.home-top-banner {
    padding-right: 500px; } }

@media (max-width: 1170px) {
  .feature-banner {
    padding: 70px 25px; }
    .feature-banner h1, .feature-banner h2 {
      font-size: 40px; }
    .feature-banner .feature-stats {
      display: none; }
    .feature-banner .feature-summary {
      font-size: 21px; } }

@media (max-width: 560px) {
  .feature-banner {
    height: auto;
    position: relative;
    overflow: visible;
    padding: 0; }
    .feature-banner h1, .feature-banner h2 {
      margin: 0;
      margin: 70px 25px;
      font-size: 24px; }
    .feature-banner .feature-summary {
      color: #333333;
      left: 0;
      padding: 20px;
      text-align: center;
      font-size: 16px; } }

/*# sourceMappingURL=featureBanner.css.map */