/* ------------------ Header ------------------ */
:root{
  --primary-green:#00454D;
  --primary-yellow:#9D882D
}
.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus {
  color: var(--primary-yellow)
}

.navbar-dark .nav-link {
  color: var(--primary-green);
  font-weight: 600;
  text-transform: capitalize;
}

.navbar-light .nav-link:hover,
.navbar-light .nav-link:focus {
  color:var(--primary-yellow)
}

.navbar-light .nav-link {
  color:  var(--primary-green);
}

.navbar-brand .site-logo {
  margin-right: 1rem;
}
.nav-link{
  text-transform: capitalize;
  font-weight: 800;
}

/* .navbar-brand img{
width: 31%;
} */
a.navbar-brand {
  width: 17%;
}
header#header {
  box-shadow: 0 0 6px #00000050;
  position:sticky; top:0; background-color: #fff;
  z-index: 10;
}
.scrolldown #header{position:sticky; top:0; background-color: #fff; z-index: 10;}

@media (max-width: 33.9em) {
  .navbar-toggleable-xs .navbar-nav .nav-item+.nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}

@media (max-width: 47.9em) {
  .navbar-toggleable-sm .navbar-nav .nav-item+.nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}