nav {
  display: none;
}
.logo {
  display: none;
}
body:not(.home) .masthead > div {
  visibility: hidden;
}
@media screen and (orientation: landscape) and (min-width: 960px) {
  nav {
    display: block;
  }
  .logo {
    display: block;
  }
  /*
  .masthead > div {
    visibility: visible;
  }
  */
  body:not(.home) .masthead > div {
    visibility: visible;
  }
}

button {
  background: transparent;
  border: none;
  padding: 0;
}
@media screen and (orientation: landscape) and (min-width: 960px) {
  button {
    display: none;
  }
}

/* mobile menu */
[popover] {
  position: fixed;
  right: 0;
  bottom: 0;
  top: auto;
  left: auto;
  border: none;
}
#mobile-menu::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

#mobile-menu:popover-open nav {
  display: block;
}
#mobile-menu:popover-open .logo {
  display: block;
}
#mobile-menu:popover-open .masthead > div {
  visibility: visible;
}
#mobile-menu:popover-open button {
  display: none;
}