body {
  background-color: #242323;
  color:white;
}

.authordatetext
{
  color:grey;
}

.bookContainer {
    float:left;
    overflow:hidden;
    padding:1%;
    width:18%;
    height:400px;
    padding: 11px;
  }


#gridBottomPageSelectorContainer {
  width:100%;
  height:100px;
  float:left;
}

#pageselectorcontainer{
padding-top: 75px;
}

.pageselectorcontainer{
    color:white;
  margin: 0 auto;
  width: 330px;
  text-align:center;
}

.pageselectorbutton {
  float:left;
  padding:10px;
  cursor:pointer;
  border-style: solid;
  border-width: 1px;
  border-color:grey;
  border-radius: 5px 5px 5px 5px;
  width:80px;
} 

.bookThumbail {
  width:180px;
  height:250px;
border: 5px solid white;
border-radius: 5px 5px 5px 5px;
}

.bookThumbail:hover {
  border: 5px solid lightblue;
}



@media screen and (max-width: 992px) {
  body {
    
  }
  .bookContainer {
    width:30%;
  }
}


@media screen and (max-width: 600px) {
  body {
    
  }
  .bookContainer {
    width:45%;
  }
}
@media screen and (max-width: 450px) {
  body {
    
  }
  .bookContainer {
    width:90%;
  }
}