.nav-link {
  color: #000000 !important;
}
.active>.nav-link, .nav-link:hover {
  color: #000000 !important;
}

.hero-wrapper {
  padding: 8rem 0;
}
.bg-hero {
  position: absolute;
  background-image: url('../img/about-bg.jpg');
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}
.hero-text {
  z-index: 999;
}