.pure-menu-wrapper {
  margin-bottom: 1em;
  -webkit-font-smoothing: antialiased;
  height: 2.1em;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
}

.pure-menu-wrapper.open {
  height: 9em;
}
@media (max-width: 374px) {
  .pure-menu-wrapper.open {
    height: 12em;
  }
}
@media (min-width: 702px) {
  .pure-menu-wrapper.open {
    height: 6em;
  }
}

.pure-menu-toggle {
  position: absolute;
  right: 0;
  margin-right: 0;
  display: none;
}

.pure-menu {
  display: inline;
}

@media (max-width: 768px) {
  .pure-menu:nth-child(2) {
    display: block;
  }
  .pure-menu-toggle {
    display: block;
  }
  .pure-menu-wrapper .pure-menu button.pure-menu-toggle {
    margin-right: 0;
  }
  .pure-menu-wrapper .pure-menu button {
    margin-bottom: 0.5em;
  }
}