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;}



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

  .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%;}


  .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;
  }
}