td.Book {
  color: #7e6814;
  font-size: 16px;
}
img.BookCover {
  width: 25%;
  height: auto;
}

@media screen and (min-width: 992px) {
  body {
    background-color: #fffbe7;
  }
  div.Pillar {
    visibility: visible;
  }
  h1 {
    color: #7e6814;
    font-family: "Times New Roman";
    font-size: 5vw;
    text-align: center;
  }
  h2 {
    color: #7e6814;
    font-family: "Times New Roman";
    font-size: 4vw;
    text-align: center;
  }
  button {
    background-color: #7e6814;
    color: #fffbe7;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 15%;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
  }
  #MenuLayout {
    margin: auto;
    width: 60%;
    text-align: center;
  }
  #Content {
     height:80%;
     width:70%;
     margin: auto;
     overflow: auto;
     overflow-x:hidden;
  }
}

@media screen and (max-width: 992px) {
  @media screen and (min-width: 850px) {
    body {
/*      background-image: url("LibraryMarginBackground.png");
      background-size: cover; */
      background-color: #fffbe7;
    }
    div.Pillar {
      visibility: visible;
    }
h1 {
    color: #7e6814;
    font-family: "Times New Roman";
    font-size: 5vw;
    text-align: center;
    }
h2 {
    color: #7e6814;
    font-family: "Times New Roman";
    font-size: 4vw;
    text-align: center;
}
button {
      background-color: #7e6814;
      color: #fffbe7;
      padding: 8px 16px;
      font-size: 16px;
      border-radius: 15%;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
      cursor: pointer;
    }
    #MenuLayout {
      margin: auto;
      width: 60%;
      text-align: center;
    }
    #Content {
       height:80%;
       width:60%;
       margin: auto;
       overflow:auto;
       overflow-x:hidden;
    }
  }
}

@media screen and (max-width: 850px) {
  body {
    background-color: #fffbe7;
  }
  div.Pillar {
    visibility: hidden;
  }
  h1 {
    color: #7e6814;
    font-family: "Times New Roman";
    font-size: 5vw;
    text-align: center;
  }
  h2 {
    color: #7e6814;
    font-family: "Times New Roman";
    font-size: 4vw;
    text-align: center;
  }
  button {
    background-color: #7e6814;
    color: #fffbe7;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 15%;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
  }
  #MenuLayout {
    margin: auto;
    width: 90%;
    text-align: center;
  }
  #Content {
     height:80%;
     width:80%;
     margin:auto;
     overflow:auto;
     overflow-x:hidden;
  }
}