.page-hero::before {
  background: #5F5F5F;
}

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

  .page-hero .hero-content {
    bottom: 10%;
    left: 20%;
    align-items: flex-end;
  }
  
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
}

@media (max-width: 768px) {

  .recruit-content-bg {
    transform: translateY(-5.0%);
  }
}