body {
  font-family: "Nunito", sans-serif;
  background-color: #394867;
  scroll-behavior: smooth;
}

#navBar .navbar-brand {
  font-size: 1.5rem;
  font-weight: 600;
}

#navBar .nav-link {
  font-size: 1.25rem;
  font-weight: 100;
  color: white;
}

#navBar .nav-link:hover {
  color: #212a3e;
}

/* Classes */
.deco {
  color: #212a3e;
  font-weight: 600;
}
.headText {
  color: white;
  text-align: center;
  font-size: 2rem;
  font-weight: 100;
}
.scrolled {
  background-color: #394867;
  transition: background 500ms;
}

/* Home Section */
#home img {
  filter: brightness(0.8);
}

/* Destination Section */
#destination {
  background-color: #9ba4b5;
}

/* Lodging Section */
#stay .lead {
  font-size: 1rem;
}

/* About Section */
#about .lead {
  font-size: 0.85rem;
}

/* Footer Section */
#foot > div:nth-child(1) {
  background-color: #212a3e;
}
#foot > div:nth-child(2) {
  background-color: #111a2e;
}

#foot li {
  font-size: 1.25rem;
}

#foot a,
#foot span {
  color: #394867;
  text-decoration: none;
  font-weight: 900;
}

#foot a:hover {
  text-decoration: underline;
}

#foot > div:nth-child(2) a {
  cursor: pointer;
  font-weight: 100;
}
#foot > div:nth-child(2) a:hover {
  color: white;
}

@media (min-width: 1200px) {
  /* Classes */
  .headText {
    font-size: 3rem;
  }

  /* Home Section */
  #home .headText {
    font-size: 4rem;
  }

  /* Lodging Section */
  #stay .lead,
  #about .lead {
    font-size: 1.5rem;
  }

  /* Footer Section */
  #foot li {
    font-size: 1.5rem;
  }
}