nav {
  background-color: #033f21;
}

#main {
  background-image: url('hero.webp');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 60vh;
}

h1 {
  color: #033f21;
}

h5 {
  color: darkred;
}
.announcement {
  background-color: #121212;
  color: white;
  box-shadow: 2px 2px 0px 0px rgb(42, 42, 42);
}
.announcement>h3 {
  color: tan;
}
.announcement>img {
  box-shadow: 2px 2px 0px 0px rgb(123, 137, 130);
}

footer {
  background-color: #033f21;
}
@media (min-width: 992px) {
  .navbar-brand>img {
    width: 83px;
    height: 48px;
  }

  .navbar-brand>span {
    font-size: 2rem;
  }
}

@media (max-width: 992px) {
  .navbar-brand>img {
    width: 41px;
    height: 24px;
  }
}