@media only screen and (orientation: landscape) and (max-height: 600px) {
    #book {
      grid-template-rows: auto;
      grid-template-columns: 40px 10px auto 71px;
    }
    
    #page-cover,
    #page-current,
    #page-previous,
    #page-next {
      grid-column: 3;
      grid-row: 2;
    }

    .content {
      grid-template-rows: 1fr;
      grid-template-columns: 1fr 1fr;
    }

    #logo {
      height: 150px;
      width: 150px;
    }

    #navBar {
      grid-column: 4;
      grid-row: 2;
      grid-template-rows: auto 1fr auto;
    } nav {
      grid-column: 1;
      grid-row: auto;
      margin-left: 0;
      margin-bottom: 6px;
      height: 50px;
      width: 50px;
      border-left: none;
      border-bottom: solid 1px;
    } nav.active {
      width: 70px;
      height: 50px;
    }

    #homeBtn {
      margin-top: 6px;
      margin-left: 6px;
    } .navSymbol {
      width: 40px;
      height: 40px;
      margin: auto 5px auto auto;
    }

    footer {
      grid-row: 2;
      writing-mode: vertical-rl;
      text-orientation: upright;
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 0;
    } footer.dropdown {
      writing-mode: unset;
      text-orientation: unset;
    }
}