.hero:only-child{
	position:relative;
	padding-bottom:400px;
}
.hero {
  background: #343a3b;
  padding-top: 91px;
  padding-bottom: 229px;
  position: relative;
  margin-bottom: 139px;
}

.hero .heroTitle {
  font-family: Eurostile;
  font-size: 74px;
  color: #fff;
  margin-bottom: 28px;
  line-height: 69px;
}

.hero .heroDescription {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 42px;
}

.hero .heroImage {
  position: absolute;
  max-width: 1100px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
	aspect-ratio: 1100 / 475;
    object-fit: cover;
    object-position: center;
}


@media screen and (max-width: 991.9px) {

  .hero {
    padding-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 69px;
  }

  .hero .heroTitle {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  }

  .hero .heroDescription {
    font-size: 18px;
    margin-bottom: 21px;
  }

  .hero .heroImage {
    position: relative;
  }
}

@media screen and (min-width:768px){
  .hero + *{
    padding-top: 140px !important;
  }
}