/* Drop Down Styles
================================ */
nav .drop-down {
z-index: 9;
  list-style: none; 
  overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */
  height: 172px; /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */
  width: 30%;
  text-align: center;
  -webkit-transition: height 0.3s ease;
          transition: height 0.3s ease;
}

nav .drop-down.closed {
  height: 8vh;
}
nav .drop-down li {
    width: 100%;
    background: var(--green-op);
    display: flex;
    padding-top: .5rem;
    padding-bottom: .5rem;
    justify-content: center;
  transition: all.4s ease;
    align-items: center;
}
nav .drop-down li.nav-button{
    height: 8vh;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}
nav .drop-down li a {
  font-size: .9em;
  width: 100%;
  color: #ecf0f1;
  text-decoration: none;
}
nav .drop-down li:hover{
    background: var(--black);
    color: var(--green);
}
nav .drop-down li:first-child a:after {
  content: "\25BC";
  float: right;
  margin-left: -30px; /* Excessive -margin to bring link text back to center */
  margin-right: 5px;
}