.grayout {
  opacity: 0.6;
}

#holidays {
  display: none;
  z-index: 1000;
}

#holidays .pop-up {
  height: calc(100vh - 8rem);
}

.button {
  padding: .75rem 1rem;
  box-shadow: none;
  border-radius: .25rem;
  max-width: 200px;
}

  .button:hover {
    box-shadow: none;
    background: var(--contrast);
    color: var(--compare-more);
  }

a.button {
  background: var(--color);
  color: var(--compare-more);
}

.holidays {
  overflow: auto;
  flex-direction: column;
}

.holiday-listing {
  margin: .5rem 0;

}

.holiday-listing strong {
  margin-right: 1rem;
}

@media screen and (max-width: 600px) {
  .holiday-listing {
      flex-direction: column;
    }
}