.diensten-single-background {
  position: relative;
  z-index: 1;
  background-color: #20386A;
  min-height: 600px;
}
.diensten-single-background .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .diensten-single-background {
    padding-bottom: 260px !important;
  }
}
.diensten-single-background .quote {
  font-size: calc(1.3625rem + 1.35vw);
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  color: #fff;
}
@media (min-width: 1200px) {
  .diensten-single-background .quote {
    font-size: 2.375rem;
  }
}
@media (max-width: 767.98px) {
  .diensten-single-background .quote {
    font-size: calc(1.28125rem + 0.375vw);
  }
}
@media (max-width: 767.98px) and (min-width: 1200px) {
  .diensten-single-background .quote {
    font-size: 1.5625rem;
  }
}
.diensten-single-background .quote p {
  letter-spacing: 0;
}
.diensten-single-background .quote strong {
  color: #ea5325;
}
.diensten-single-background .content {
  color: #fff;
}
.diensten-single-background .content h2 {
  text-align: center;
}
@media (max-width: 767.98px) {
  .diensten-single-background .content h2 {
    text-align: left;
  }
}
.diensten-single-background .image {
  position: absolute;
  top: 0;
  height: 100%;
  padding-top: 87px;
  padding-bottom: 84px;
  padding-left: 51px;
}
.diensten-single-background .image img {
  height: 555px;
  width: auto;
  max-width: 100%;
}
@media (max-width: 991.98px) {
  .diensten-single-background .image {
    display: none;
  }
}
.diensten-single-background .background-hexagon-placement {
  max-width: 1980px;
  margin: 0 auto;
}