/* Menu Links */
.menu-container {
  border-bottom: 3px solid #4c6c1f; 
  border-top: 3px solid #4c6c1f; 
  width: 85%;
  margin: auto;
  padding-top: 1%;
  padding-bottom: 1%;
}

ul.main-menu {
  margin: 0;
  gap: 10%;
  display: flex;
  flex-wrap: wrap;
  text-align: justify;
  justify-content: center;
  list-style: none;
}
ul.main-menu li a {
  margin-right:20px;
  font-size: 2.0rem;
  color:#375015;
}
ul.main-menu li a:hover {
  color:#000;
}
ul.main-menu li a.active {
  color:#000;
  /* border-bottom-color:#616b52; */
}
/* Style for dropdown */
.dropdown {
  position: relative;
  display: inline;
}
.dropdown-content {
  display: none;
  position: absolute;
  list-style: none;
  font-size: auto;
  padding: 10% 10%;
  padding-right: 10%;
  background-color: #f1f9e9;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
  color: 000;
  text-decoration: none;
  display: block;
  font-size: 110% !important;
  text-align: left;
}
.dropdown-content a:hover {
  color: #000;
}
/* Style for the dropdown link */
.dropdown > a:after {
  content: "";
  display: inline-block;
  margin-left: 5px; /* Space between text and arrow */
  vertical-align: middle; /* Align arrow with the text */
  border-top: 5px solid; /* Creates the top part of the arrow */
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

/* Additional styles for phone screens */
@media screen and (max-width: 650px) {
  ul.main-menu {
    flex-direction: column; 
    align-items: center; 
  }
}

/* Additional styles for tablets */
@media screen and (max-width: 800px) {
  ul.main-menu {
    gap: 5px; 
  }
}