@media (max-width: 760px) {
  header nav#nav {
    min-height: 0 !important;
    height: 0;
    max-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: max-height .25s ease, padding .25s ease, opacity .18s ease, visibility 0s linear .25s;
  }

  header nav#nav.open {
    min-height: 0 !important;
    height: auto;
    max-height: 400px;
    padding-top: 10px !important;
    padding-bottom: 17px !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition: max-height .25s ease, padding .25s ease, opacity .18s ease;
  }
}