@media only screen and (min-width: 768px) {
  .header.show .header__logo {
    opacity: 1;
    visibility: visible; } 
  .header.show .gnav {
    opacity: 1;
    visibility: visible; } 
}

.header .gnav {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s; }

.header__logo {
  opacity: 0;
  visibility: hidden;
}
.header .icon-menu {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  main.top {
    padding-top: 70px!important;
  }
}