@CHARSET "UTF-8";

.menu-toggle-wrapper {
  display: none;
  position: relative;
  height: 4em;
}

.menu-toggle {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  clip: inherit;
  margin: 0;
  padding: 0;
}

.menu-toggle .toggle-help {
  position: absolute;
  margin: 0;
  padding: 0;
}

.menu-toggle .line {
  display: block;
  border-bottom: 2px solid #000;
}

.menu-toggle .first-line {
  padding-top: 4px; 
}

.menu-toggle .last-line {
  padding-bottom: 0; 
}

@media only screen and (max-width : 767px) {
  .menu-toggle-wrapper {
    display: block;
  }
  
  .menu-hidden {
    display: none;
  }
}

@media only screen and (min-width : 768px) {
  .menu-hidden {
    display: block !important;
  }
}