.masthead {
  background-image: url("../img/team/header-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-section {
  background-image: url("../img/map-image.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.main-nav-link {
  display: inline-block;
  text-align: center;
  padding: 15px 14.4px;
  min-width: 180px;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link.main-nav-link {
  color: #fff !important;
  opacity: 1 !important;
  font-weight: 700;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #0d1f33 !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(13, 31, 51, 0.12);
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff !important;
  background-color: transparent !important;
  border-radius: 6px;
  box-shadow: none;
}

.navbar-dark .navbar-nav .nav-link.active:hover,
.navbar-dark .navbar-nav .nav-link.active:focus {
  background-color: #ffffff !important;
  color: #0d1f33 !important;
}

.navbar-collapse {
  text-align: left;
}

.text-almost-black {
  color: #24130f !important;
}

.text-dark-content {
  color: #1f2937 !important;
}

.bg-offwhite {
  background-color: #fefefe !important;
}

.portfolio-modal .modal-body {
  color: #1f2937;
}