.cover-header {
  background-color: #202a37; 
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
  position: relative;
  top: 0;
}

.cover-nav {
  max-width: 90%;
  min-height: 48px;
  background-color: transparent;
}

.cover-nav h1, .cover-nav h2, .cover-nav h3, .cover-nav h4, .cover-nav h5, .cover-nav h6 {
  font-family: "Lobster", sans-serif;
  color: white;
  font-size: 2em;
}

.cover-logo {
  height: 72px;
  top: 0px;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .75);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}



@media (min-width: 576px) {}

@media (min-width: 768px) {
  .cover-nav {
    max-width: 80em;
    min-height: 48px;
  }

  .cover-header {
    background-color: transparent; 
    box-shadow: none;
    position: absolute;
    top: 0;
    z-index: 1050;
  }

  .cover-header.scrolled {
    background-color: #202a37; 
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    position: sticky;
    top: 0;
    margin-top: -104px;
  }
  
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}