.hero-section {
  background: url('images/header_images.jpg') no-repeat center center;
  background-size: cover;
  color: white;
  text-shadow: 1px 1px 3px #000;
}

.hero-section {
  background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),
    url('images/header_images.jpg?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')
    center center no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.navbar .nav-link {
  color: #333;
}

.navbar .nav-link:hover {
  color: #007bff;
}