@media only screen and (max-width: 62em) {
    #book {
      grid-template-rows: 55px auto 40px;
      grid-template-columns: 1fr 12fr 1fr;
    }

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

    #page-cover,
    #page-current,
    #page-previous,
    #page-next {
      grid-column: 2;
      grid-row: 2;
    }
    
    #navBar {
      grid-column: 2;
      grid-row: 1;
      grid-template-columns: auto 1fr auto;
    } nav {
      grid-row: 1;
      margin-bottom: 0;
      margin-right: 6px;
      height: 44px;
      width: 44px;
      border-bottom: none;
      display: grid;
      gap: 0;
      grid-template-rows: 1;
    } nav.active {
      width: 44px;
      height: 54px;
    }

    #homeBtn {
      width: 50px;
      height: 50px;
    }
    .navSymbol {
      width: 40px;
      height: 40px;
    }
}