#dates ul {
  max-width: 75%;
  transform: translatex(10px);
}
@media screen and (max-width: 73.9988em) {
  #dates ul {
    transform: translatex(0);
  }
}
#dates ul li {
  width: 47%;
}
@media screen and (min-width: 40em) and (max-width: 63.9988em) {
  #dates ul li {
    margin: 5px 10px;
    width: 90%;
  }
}
@media screen and (max-width: 39.9988em) {
  #dates ul li {
    margin: 5px 10px;
    width: 90%;
  }
}
#dates ul li a {
  padding: 10px 10px;
}
#dates p a.button.large {
  padding: .15em 1em;
  color: white;
}


#dates p a {
    color: #ccc;
}
#dates p a:hover,
#dates p a:focus {
    color: #ccc;
    text-decoration: underline;
}