section.books {padding-top: 100px;}
.books-content .p-headline--01 {
  color: #706359;
  margin-bottom: 1em;
}
.howto-content-item {
  margin-top: 0!important;
  padding-top: 0!important;
}
.img-container-howto {border-radius: 0!important;}

.p-howto-title {
  position: relative;
  bottom: -75px;
}
.p-howto-title h2 {
  position: absolute;
  left: 5%;
  top: 50%;
  color: #706359;
  font-family: 'FOT-SeuratProN-EB', sans-serif;
  font-size: 2.75rem;
  z-index: 1;
}
.p-howto-title > .d-flex {align-items: center;}
.p-howto-title > .d-flex > * {position: relative;}
.p-howto-title > .d-flex > *:nth-child(1) {flex: 1;}
.p-howto-title > .d-flex > *:nth-child(2) {width: 500px;}

.p-howto-title.is-reverse h2 {left: 60%;}
.p-howto-title.is-reverse > .d-flex {flex-direction: row-reverse;}

.p-howto-buttonImage {
  text-align: center;
}
#howto-content-item-01 .p-howto-buttonImage {}
#howto-content-item-02 .p-howto-buttonImage {
  margin-top: 40px;
}
#howto-content-item-03 .p-howto-buttonImage {}
.p-howto-buttonImage a {
  transition: all 0.25s ease;
}
.p-howto-buttonImage a:hover {
  opacity: 0.8;
}
.p-howto-buttonImage img {
  max-height: 80px;
}

@media screen and (max-width: 1200px) {
  #page-howto .content .lead-text {font-size: 2.33vw;}
  .container-howto {
    width: 80%;
  }

  .p-howto-title {bottom: -5vw;}
  .p-howto-title > .d-flex > *:nth-child(2) {width: 55%;}
  .p-howto-title h2 {font-size: 4vw;}
}
@media screen and (max-width: 767px) {
  #page-howto .content .lead-text {font-size: 3.13vw;}
  section.books .container-books {width: 92%;}
  .container-howto {width: 100%;}

  .p-howto-title > .d-flex > *:nth-child(1) {padding-left: 5vw;}
  .p-howto-title > .d-flex > *:nth-child(2) {width: 60%;}
  .p-howto-title h2 {
    top: 55%;
    font-size: 5.47vw;
  }
  .p-howto-buttonImage img {
    max-height: 13vw;
  }

  #howto-content-item-01 .p-howto-buttonImage {}
  #howto-content-item-02 .p-howto-buttonImage {
    margin-top: 0;
  }
  #howto-content-item-03 .p-howto-buttonImage {}

}