.hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

nav {
  opacity: 0.75;
}

.navbar-nav {
  margin-left: auto;
}


.hero-text h1 {
  font-weight: bold;
}

.section {
  height: 400px;

}

#section-1 {
  background-color: #eff0f2;
}

#section-2 {
  background-color: #97b7db;
}

#section-3 {
  background-color: #819fc1;
}