body.single-post .main-content .card.book {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #efefef; }
  @media only screen and (min-width: 480px) {
    body.single-post .main-content .card.book {
      display: grid;
      grid-template-columns: 200px 1fr;
      grid-template-areas: "cover details";
      grid-gap: 7%; } }
  body.single-post .main-content .card.book .book_cover {
    grid-area: cover; }
    body.single-post .main-content .card.book .book_cover img {
      display: block;
      max-width: 200px;
      border: 1px solid #eee;
      box-shadow: 0 4px 14px -3px rgba(0, 0, 0, 0.2); }
  body.single-post .main-content .card.book .details {
    grid-area: details; }
    body.single-post .main-content .card.book .details .book_title {
      font-size: 1.5rem; }
    body.single-post .main-content .card.book .details .book_authors {
      margin-bottom: 1rem; }
    body.single-post .main-content .card.book .details .publisher {
      color: #676767;
      font-size: .8rem; }
      body.single-post .main-content .card.book .details .publisher .name {
        font-weight: bold; }
    body.single-post .main-content .card.book .details .meta_data {
      margin-bottom: 1em;
      color: #676767;
      font-size: .8rem; }
    body.single-post .main-content .card.book .details .button {
      display: inline-block;
      margin: 0 0.5em 0 0;
      line-height: 3rem; }
      body.single-post .main-content .card.book .details .button a {
        padding: .5rem 1.25rem;
        font-size: .9rem;
        color: #fff;
        background-color: #336699;
        border-radius: 5px; }
        body.single-post .main-content .card.book .details .button a:hover {
          opacity: 0.8; }

.books {
  display: flex;
  flex-wrap: wrap;
  text-align: center; }
  .books .book {
    margin: 0 0 3rem;
    padding: 0 1.5em;
    transition: .3s ease; }
    @media (min-width: 768px) {
      .books .book {
        width: 50%; } }
    @media (min-width: 1024px) {
      .books .book {
        width: 25%; } }
    .books .book:hover {
      transform: translateY(-7%); }
    .books .book .cover img {
      display: block;
      max-width: 100%;
      border: 1px solid #eee;
      box-shadow: 0 5px 14px -2px rgba(0, 0, 0, 0.2); }

/*# sourceMappingURL=screen.css.map */