.accordion{
  width: 96%;
  max-width: 860px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.accordion li{
  display: flex;
  flex-direction:column; 
  background-color: #77777a;
}

.accordion li:hover {
    background-color: #135fab;
    text-decoration: none;
}
.accordion li button:hover {
    background-color: #135fab;
    text-decoration: none;
}

.accordion li + li{
/*   margin-top: 1em; */
  border-top: 1px solid white;
}
 .accordion li button {color: #fff;
    text-decoration: none;
    font-size: 22px; 
    text-align: left;
    width: 100%;
    margin: 0;
}


.accordion-control{
  text-align: left;
  font-size: 1.375rem;
  font-family: 'Lato', Sans-serif;
  background: #77777a;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  padding: 1.1em 1em;
  cursor: pointer;
}
.accordion-control:hover {
    background-color: #135fab;
    text-decoration: none;
}

.accordion-panel{
  padding: 1em;
  background: #585656;
  color: #dfdbdb;
  display: none;
  font-size: 1.0625rem;
}
.accordion-panel a {
  font-size: 1.0625rem;
  color: #a1db30; /*b4f731;*/
}