.text-muted {
    color: rgb(101, 101, 101) !important ;
}

.hero-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("../img/hero_background.png") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
}

.hero-foreground {
  min-height: 100vh;
  position: relative;
  z-index: 1;
}

.hero-logo {
  max-width: 100px;
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.hero-content {
  position: relative;
  z-index: 2;
}

.services-content {
  background: rgb(50, 50, 50)
}

/*.hero-section::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  z-index: 1;*/
/*}*/

@media (max-width: 521px) {
  .hero-background {
    background-attachment: scroll;
    background-position: center bottom;
    background-size: 500% auto;
  }
}