#hero .container {
  min-height: unset;
  padding: 0 15px;
}

#hero .inner {
  background-image: url('../../images/careers-new/careers-hero.png');
  background-image: image-set(url('../../images/careers-new/careers-hero.png') 1x,
      url('../../images/careers-new/careers-hero@2x.png') 2x);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 15px;
  padding-right: 15px;
}

#hero .title {
  font-size: 46px;
  line-height: 1em;
}

#hero p {
  font-size: 18px;
  line-height: 26px;
  max-width: 705px;
}

@media screen and (max-width: 567px ) {
  #hero {
    margin-top: 33px;
    padding: 0;
  }
  #hero .title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0;
  }
  #hero p {
    font-size: 16px;
    line-height: 24px;
  }
}