.hero-section {
  text-align: center;
}

.hero-section .left-col .subhead {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--greyLight);
  font-size: .7em;
  letter-spacing: .2em;
  margin-bottom: -0.5em;
}

.hero-section .left-col h1 {
  font-size: 2.0em;
  line-height: 1.3;
  margin-top: .2em;
  margin-bottom: .7em;
}

.hero-section .hero-img {
  width: 55%;
  margin-top: 2em;
  margin-left: 28%;
}

.hero-section a.hero-cta {
  background-color: var(--secondary);
  color: var(--white);
  text-decoration: none;
  padding: .5em 1.5em;
  margin-top: .5em;
  border-radius: 5em;
  font-size: .9em;
  font-weight: bold;
  display: inline-block;
}

a.hero-cta.second {
  background-color: var(--primaryDarker);
}

.hero-section a.hero-cta:hover {
  background-color: var(--tertiary);
  color: var(--white);
}

.hero-section a.hero-link {
  display: block;
  padding-top: .5em;
  font-size: .9em;
  /* padding-left: 1em; */
}

.hero-section h3 {
  margin-top: 1em;
  font-size: 1.1em;
}