.nav-item {
  font-size: 22px;
}

header {
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(../images/LCC.jpeg);
    background-size: cover; 
    background-repeat: no-repeat;
    height: 100vh;
}

header h1 {
  font-family: 'Courier New', Courier, monospace;
  font-size: 3rem;
}

@media (min-width: 400px) {
  header h1 {
    font-size: 4rem;
  }
}

@media (min-width: 768px) {
  header h1 {
    font-size: 6.5rem;
  }
}

@media (min-width: 992px) {
  header h1 {
    font-size: 8rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-height: 800px) and (orientation: landscape) {
  header h1 {
    font-size: 6.5rem;
  }
}

@media (min-width: 576px) and (max-height: 450px) and (orientation: landscape) {
  header h1 {
    font-size: 3rem;
  }
}