.region--light-typography ul.menu li a,
.region--light-typography ul.menu li a.is-active,
.region--light-typography ul.menu li.active-trail > a {
  color: #f1f1f1;
}

.header__section ul.menu {
  padding: 0px 0;
}

.header-container ul.menu {
  margin: 10px;
}

.header-container ul.menu li:last-child a{
  margin-right: 10px;
  padding-right: 0px;
}

@media screen and (max-width: 480px){
  .header-container ul.menu li a {
    padding: 5px 0px;
  }
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown > a {
  cursor: pointer;
}

.dropdown-content {
  display: none;
  text-align: start;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  padding: 1px;
  padding-bottom: 5px;
}

.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}