body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  background: url(img/bg-image-dikkenbergbv2.jpg) no-repeat;
  background-position: bottom left;
  height: 100vh;
}
@media only screen and (max-width: 767px) {
  body {
    height: 100%;
    background: url(img/bg-image-mobile.png) no-repeat;
    background-position: bottom left;
  }
}
h1,
h2 {
  font-weight: 300;
  font-size: 1.8em;
  color: #ef9710;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
a {
  color: #ef9710;
}
hr {
  background-color: #6cae1f;
}
.fixed-top {
  width: 100%;
}
.fixed-top .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  justify-content: center;
}
.fixed-top .inner img {
  height: 180px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .fixed-top .inner {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 20px;
  }
}
.wrapper .flex-block {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .wrapper .flex-block {
    flex-direction: column;
  }
}
.wrapper .flex-block div {
  width: 49%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .wrapper .flex-block div {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
  }
}