/* Text Elements */

h1.page-h1 {
  color: #81977f;
  font-size: 29px;
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

h1.centre-title.page-h1 {
  text-align: center;
}

h2.page-H2 {
  color: #81977f;
  font-size: 25px;
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

h3.page-h3 {
  color: #81977f;
  font-size: 29px;
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

p.paragraph.paga-para {
  color: #1e1e1e;
  text-align: left;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 700;
}

p.paragraph.centre-para.paga-para {
  text-align: center;
}

p.paragraph.bold-para.paga-para {
  font-weight: 700;
}

p.paragraph.italic-para.paga-para {
  font-style: italic;
}

ul.unorder-list.menu-list {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 12px;
}

ul.unorder-list.stockist-list {
  list-style-type: none;
}

span.text-element.Heading-Text-1 {
  color: #81977f;
  text-align: center;
  text-shadow: #777 2px 2px 5px;
  letter-spacing: 2px;
  font-style: normal;
  font-size: 70px;
  font-family: 'Montserrat', sans-serif;
}

span.text-element.heading-text-2 {
  color: #4a4a4a;
  text-align: center;
  letter-spacing: 1px;
  font-size: 22px;
  font-family: Georgia, Times, 'Times New Roman', serif;
}

span.text-element.footer-text {
  color: #fff;
}

span.text-element.novel-quote-credit-txt {
  color: #81977f;
  font-weight: 700;
  font-style: italic;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}

span.text-element.cover-strip-text {
  color: #1e1e1e;
  text-align: center;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}

span.text-element.handwritten-text {
  color: #81977f;
  font-size: 25px;
  font-family: 'Architects Daughter', cursive;
}

blockquote.novel-quote {
  border-left: 2px solid #81977f;
  text-align: justify;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

a.link-text.footer-link {
  color: #fff;
  text-align: right;
}

a.link-text.hand-written-text-link {
  color: #81977f;
  font-size: 25px;
  font-family: 'Architects Daughter', cursive;
}

/* Layout Elements */

body > .row.full-width {
  max-width: none;
}

body > .row > [class*='coffee-span-'].intro-col {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;

  -webkit-justify-content: flex-start;
     -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
       -o-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: center;
     -moz-align-items: center;
      -ms-align-items: center;
       -o-align-items: center;
          align-items: center;
}

body > .row > [class*='coffee-span-'].column-1 {
  min-height: 44px;
}

body > .row#footer-row {
  margin-top: 15px;
  margin-bottom: 5px;
  background-color: #81977f;
}

body > .row > [class*='coffee-span-'].column-2 {
  display: none;
}

body > .row > [class*='coffee-span-'].book-cover-col {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  padding-top: 10px;
  border-top: 0 none #81977f;
  border-bottom-width: 1px;
  border-bottom-style: solid;

  -webkit-justify-content: space-around;
     -moz-justify-content: space-around;
      -ms-justify-content: space-around;
       -o-justify-content: space-around;
          justify-content: space-around;
  -webkit-flex-wrap: nowrap;
     -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
       -o-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

body > .row#nav-row {
  border-bottom: 2px solid #81977f;
}

body > .row > [class*='coffee-span-'].social-icon-col {
  min-height: 23px;
}

.row > [class*='coffee-span-'] > .container.profile-pic-container {
  max-width: 350px;
}

.row > [class*='coffee-span-'] > .container.profile-text-container {
  padding-right: 15px;
  padding-left: 15px;
}

div.responsive-picture.profile-pic {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
  box-shadow: #777 2px 2px 5px 0;
}

div.responsive-picture.signature-img {
  max-width: 250px;
}

div.responsive-picture.quote-img {
  max-width: 382px;
}

li.menu-list-item {
  display: inline-block;
  float: none;
  padding-right: 5px;
  padding-left: 5px;
  border-right: 1px solid #4b4a4a;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.35;
}

li a.menu-link {
  color: #4b4a4a;
  letter-spacing: 1px;
  font-size: 15px;
  font-family: Georgia, Times, 'Times New Roman', serif;
}

.row > [class*='coffee-span-'] > .container.novel-intro-text-container {
  min-width: 350px;
  max-width: 350px;
}

div.responsive-picture.novel-intro-cover-img {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
  box-shadow: #777 2px 2px 5px 0;
}

.row > [class*='coffee-span-'] > .container.novel-intro-cover-container {
  padding-right: 15px;
  padding-left: 15px;
}

.row > [class*='coffee-span-'] > .container.novel-quote-hide-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 400px;
}

div.responsive-picture.cover-strip-image {
  margin-right: auto;
  margin-left: auto;
  box-shadow: #777 2px 2px 5px 0;
}

.row > [class*='coffee-span-'] > .container.cover-top-strip-container {
  margin-bottom: 0;
  padding-right: 10px;
  padding-left: 10px;
  min-width: 150px;
  max-width: 300px;
  width: 100%;
  height: auto;
}

li.stockist-list-item {
  color: #1e1e1e;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
}

li a.list-item-text-1 {
  color: #1e1e1e;
}

a.responsive-picture.social-icon-link {
  margin-right: 1%;
  margin-bottom: 0;
  padding-right: 0;
  max-width: 32px;
  background-color: #81977f;
}

.row > [class*='coffee-span-'] > .container.social-icon-container {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  margin-bottom: 0;
  min-height: 34px;

  -webkit-align-items: flex-start;
     -moz-align-items: flex-start;
      -ms-align-items: flex-start;
       -o-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
     -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
       -o-justify-content: flex-end;
          justify-content: flex-end;
}

li a.menu-link:hover {
  color: #528bb4;
}

@media screen and (max-width: 812px) {
  /* Text Elements */

  h1.page-h1 {
    font-size: 25px;
  }

  h2.page-H2 {
    font-size: 21px;
  }

  h3.page-h3 {
    font-size: 25px;
  }

  p.paragraph.paga-para {
    font-size: 13px;
  }

  span.text-element.Heading-Text-1 {
    font-size: 55px;
  }

  span.text-element.heading-text-2 {
    font-size: 18px;
  }

  span.text-element.cover-strip-text {
    font-size: 11px;
  }

  span.text-element.handwritten-text {
    font-size: 22px;
  }

  blockquote.novel-quote {
    font-size: 13px;
  }

  a.link-text.hand-written-text-link {
    font-size: 22px;
  }

  div.responsive-picture.profile-pic {
    max-width: 225px;
  }

  div.responsive-picture.signature-img {
    max-width: 200px;
  }

  div.responsive-picture.quote-img {
    max-width: 320px;
  }

  .row > [class*='coffee-span-'] > .container.profile-pic-container {
    max-width: 250px;
  }

  div.responsive-picture.cover-strip-image {
    max-width: 150px;
  }

  li.menu-list-item {
    font-size: 12px;
  }

  li.stockist-list-item {
    font-size: 13px;
  }

  li a.menu-link {
    font-size: 14px;
  }
}

@media screen and (max-width: 670px) {
  /* Text Elements */

  h1.page-h1 {
    font-size: 25px;
  }

  h3.page-h3 {
    font-size: 25px;
  }

  p.paragraph.paga-para {
    font-size: 12px;
  }

  span.text-element.Heading-Text-1 {
    font-size: 45px;
  }

  span.text-element.heading-text-2 {
    font-size: 14px;
  }

  span.text-element.handwritten-text {
    font-size: 20px;
  }

  blockquote.novel-quote {
    font-size: 12px;
  }

  a.link-text.footer-link {
    font-size: 11px;
  }

  a.link-text.hand-written-text-link {
    font-size: 20px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].intro-col {
    -webkit-flex-direction: row;
       -moz-flex-direction: row;
        -ms-flex-direction: row;
         -o-flex-direction: row;
            flex-direction: row;
  }

  body > .row > [class*='coffee-span-'].column-2 {
    display: block;
  }

  body > .row > [class*='coffee-span-'].book-cover-col {
    -webkit-flex-direction: row;
       -moz-flex-direction: row;
        -ms-flex-direction: row;
         -o-flex-direction: row;
            flex-direction: row;
    padding-right: 0;
    padding-left: 0;

    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
       -moz-justify-content: space-around;
        -ms-justify-content: space-around;
         -o-justify-content: space-around;
            justify-content: space-around;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-align-items: center;
         -o-align-items: center;
            align-items: center;
    -webkit-align-content: center;
       -moz-align-content: center;
        -ms-align-content: center;
         -o-align-content: center;
            align-content: center;
  }

  .row > [class*='coffee-span-'] > .container.profile-text-container {
    padding-right: 0;
    padding-left: 0;
  }

  div.responsive-picture.quote-img {
    margin-right: auto;
    margin-left: auto;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-1 {
    margin-right: auto;
    margin-left: auto;
    max-width: 350px;
  }

  div.responsive-picture.novel-intro-cover-img {
    max-width: 200px;
  }

  .row > [class*='coffee-span-'] > .container.novel-intro-text-container {
    display: none;
  }

  .row > [class*='coffee-span-'] > .container.cover-top-strip-container {
    min-width: 150px;
    max-width: 300px;
    width: auto;

    -webkit-align-self: auto;
       -moz-align-self: auto;
        -ms-align-self: auto;
         -o-align-self: auto;
            align-self: auto;
  }

  li.stockist-list-item {
    font-size: 12px;
  }

  a.responsive-picture.social-icon-link {
    max-width: 29px;
  }
}

@media screen and (max-width: 580px) {
  /* Text Elements */

  h1.page-h1 {
    font-size: 20px;
  }

  h2.page-H2 {
    font-size: 18px;
  }

  h3.page-h3 {
    font-size: 20px;
  }

  p.paragraph.paga-para {
    font-size: 11px;
  }

  span.text-element.footer-text {
    text-align: center;
  }

  span.text-element.handwritten-text {
    font-size: 18px;
  }

  a.link-text.footer-link {
    text-align: center;
  }

  a.link-text.hand-written-text-link {
    font-size: 18px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].intro-col {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-1 {
    min-height: 28px;
  }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-2 {
    min-height: 29px;
  }

  div.responsive-picture.profile-pic {
    max-width: 185px;
  }

  li a.menu-link {
    font-size: 12px;
  }

  div.responsive-picture.novel-intro-cover-img {
    max-width: 180px;
  }

  a.responsive-picture.social-icon-link {
    max-width: 25px;
  }
}

@media screen and (max-width: 472px) {
  /* Text Elements */

  h3.page-h3 {
    font-size: 20px;
  }

  div.responsive-picture.novel-intro-cover-img {
    max-width: 166px;
  }

  a.responsive-picture.social-icon-link {
    max-width: 23px;
  }
}