.hero {
  margin-bottom: 100px;

  .bg {
    width: 100%;
    height: 60vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;

    h2 {
      color: #fff;
      font-size: 48px;

      @media (max-width: 992px) {
        font-size: 38px;
      }
      @media (max-width: 768px) {
        font-size: 28px;
      }
      @media (max-width: 575px) {
        font-size: 24px;
      }
    }
  }
}
