.Book{
    /*maintains the positioning and size of the entire block*/
  margin-left: 3em;
  margin-right: 1em;
  margin-top: 15em;
}
#Book{
  /*maintains the style of the heading*/
  font-size: 3em;
  border-left: 4px solid maroon;
  padding-left: 1em;
  color:maroon;
}
.Book li{
  /*maintains the style of the content*/
  font-family: 'Cuprum', sans-serif;
  font-size: 1.5em;
}
.BookPic{
  /*Maintaints the style of the book pictures.*/
  float:none;
  /* make float:none; if necessary*/
  margin-left: 0.2em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/***************************************************Media Query***********************************/
/***************************************************Media Query***********************************/
@media (min-width: 768px) and (max-width: 1024px) {
  .BookPic{
    float:none;
    width:30%;
    height:10%;
  }
  .Book li{
    font-size: 2em;
  }
  .Book{
    margin-right: 2em;
  }
}
@media only screen and (max-width: 900px) {
  .BookPic{
    float:none;
    width:40%;
    height:10%;
  }
  .Book li{
    font-size: 1em;
    margin-right: 0em;
  }
  .Book li a{
    font-size: 0.6em;
  }

}