/* CSS for Gradient, that appears only on full Menu */

#litiratiure_title_image {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-image: url(../../assets/img/Litirature/literature_title.jpg);
}

@media (min-width: 991px) {
  #litiratiure_title_image {
    height: 410px;
    background-image: linear-gradient(rgb(80,74,66), rgba(255,255,255,0)), url(../../assets/img/Litirature/literature_title.jpg);
  }
}

/* CSS for Table with Books */

@media (min-width: 300px) {
  .book-col {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
  }
}

@media (min-width: 576px) {
  .book-col {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 6px;
  }
}

@media (min-width: 300px) {
  .book {
    margin: 0px;
    padding-bottom: 5px;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 576px) {
  .book {
    margin: 0px;
    padding-bottom: 5px;
    text-align: justify;
  }
}

@media (min-width: 300px) {
  .book.title {
    border-style: solid none none none;
    border-width: thin;
    border-color: lightgrey;
    padding-top: 15px;
  }
}

@media (min-width: 576px) {
  .book.title {
    border-style: initial;
    padding-top: 0px;
  }
}