.hero-image {
  background:
    linear-gradient(90deg, rgba(17, 62, 72, .91) 0%, rgba(17, 62, 72, .74) 30%, rgba(17, 62, 72, .18) 58%, rgba(17, 62, 72, 0) 76%),
    url('hero-uniformes.png') center / cover no-repeat;
}

.hero-copy,
.hero-copy .eyebrow,
.hero-copy .lead,
.hero-copy .text-link {
  color: #fff;
}

.hero-copy h1 em {
  color: #FECC3D;
}

.hero-copy .button {
  background: #51C1E1;
  color: #113E48;
}

@media (max-width: 980px) {
  .hero-image {
    background:
      linear-gradient(180deg, rgba(17, 62, 72, .88) 0%, rgba(17, 62, 72, .68) 52%, rgba(17, 62, 72, .08) 82%),
      url('hero-uniformes.png') 67% center / cover no-repeat;
  }
}