#hero-image {
    min-height: 20em;
    padding: 0em 1em;
    background: #eee;
  }
  
  #hero-image {
    padding-top: 0em;
    
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  
  #hero-image h1 {
    color: #bb5a5a;
  }
  
  #hero-image p {
    font-size: 1.2em;
    margin-bottom: 2rem;
  }
  
  #hero-image a {
    display: inline-block;
  }
  
  #hero-image a.primaryButton {
    margin-bottom: 1em;
  }
  
  #hero-image a:hover {
    text-decoration: none;
  }
  
  #hero-image > div > a:first-of-type {
    margin-right: 0.5em;
  }
  
  /*
  #hero-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  */

  body.home-page section {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  
  body.home-page footer section {
    padding: 1em 0em;
  }
  
  #categories > p {
    font-size: 1.5em;
    text-align: center;
    margin: 0em auto 2rem;
  }
  
  .category {
    padding: 1rem;
    margin-bottom: 0.5rem;
    
    display: block;
    
    color: #333333;
  }
  
  .category:first-of-type {
    background-color: #fff1f1;
  }
  
  .category:nth-of-type(2) {
    background-color: #cfe6f1;
  }
  
  .category:nth-of-type(3) {
    margin-bottom: 0em;
    background-color: #d4f1d6;
  }

  .category:hover {
    text-decoration: none;
  }
  
  .category > .bookCovers,
  .category > div:nth-of-type(2) > p {
      display: none;
    }
  
  .category h2 {
    font-family: "POYNTERTEXT-ROMANTWO";
    font-weight: normal;
    margin: 0;
  } 
  
  .category > div:nth-of-type(2) {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  
  .bookCovers .imageContainer {
    width: 100%;
    max-width: 3.5em;
  }
  
  .category > div > p {
    text-decoration: underline;
  }

  #newBooksSection.wideStripe::before {
    background-color: #f9f7f7;
  }
  
  .booksContainer {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    
    justify-content: center;
    align-items: start;
  }
  
  .booksContainer > .bookItem:nth-child(n+7) {
    display: none;
  }
  
  .booksContainer .bookItem {
    margin-right: 0em;
  }
  
  .bookItem .starsRating {
    margin: 0.5em 0em;
  }
  
  .bookItem > div > p {
    margin-top: 0em;
  }
  
  #newBooksSection > a {
    display: block;
    margin-top: 2.5em;
  }

  .magazineEditionItem {
    margin-right: 0em;
  }
  
  .magazineEditionItem img {
    width: 100%;
  }

  #blogSection.wideStripe::before {
    background-color: #f9f7f7;
  }
  
  .blogList > li > p {
    display: none;
  }
  
  .blogList > li:nth-of-type(n+3) {
    display: none;
  }

  @media screen and (min-width: 370px) {
  
    .booksContainer {
      grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
    }
    
    .booksContainer .bookItem > a {
      min-height: 18em;
    }
  }

  @media screen and (min-width: 450px) {
    #hero-image > h1 br {
      display: none
    }
  }

  @media screen and (min-width: 500px) {
    #hero-image::before {
      background-image: url(https://libroteka.al/pub/file/0538654e/background.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
  }

  @media screen and (min-width: 600px) {
    #hero-image::before {
      background-image: url(https://libroteka.al/pub/file/1d9fbaef/background.jpg);
    }
    
    #hero-image {
      background: transparent;
    }
  }

  @media screen and (min-width: 650px) {
    .blogList > li:nth-of-type(n+3) {
      display: initial;
    }
  }

  @media screen and (min-width: 700px) {
    #categories {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: stretch;
    }
    
    .category {
      flex: 0 0 calc(100% / 3 - 4em);
      
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      
      margin-bottom: 0em;
    }
    
    .category > .bookCovers,
    .category > div:nth-of-type(2) > p {
      display: block;
    }
    
    .category > .bookCovers {
      min-width: 7em;
    }
    
    .category span {
      display: none;
    }
    
    .bookCovers {
      position: relative;
    }
    
    .bookCovers .imageContainer {
      display: inline-block;
    }
    
    .bookCovers .imageContainer img {
      width: 100%;
    }
    
    .bookCovers .imageContainer:first-of-type {
      transform: translateX(30%);
    }
    
    .bookCovers .imageContainer:nth-of-type(2) {
      transform: translate(-30%, 20%);
    }
    
    .category > div:nth-of-type(2) {
      padding-top: 1em;
      flex-flow: column nowrap;
    }
    
    .category > div:nth-of-type(2) > p {
      margin: 0;
    }
    
    #newBooksSection > a {
      display: none;
    }
  }

  @media screen and (min-width: 800px) {
  
    .booksContainer > .bookItem:nth-child(n+7) {
      display: flex;
    }
  }

  @media screen and (min-width: 850px) {
    #hero-image {
      min-height: 30em;
    }
    
    .category {
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;
    }
    
    .bookCovers {
      padding-bottom: 1em;
    }
    
    .category > div:nth-of-type(2) {
      padding-top: 0em;
    }
    
    #hero-image > p br {
      display: none;
    }
    
    .blogList > li > p {
      display: block;
    }
  }