ul.social-media {
  padding: 0 0 0 25px;
  display: flex;
}
ul.social-media li a {
  padding: 4px 12px;
  font-size: 18px;
  border-radius: 3px;
}
ul.social-media li a:hover {
  background-color: #233D94;
  color: #fff;
}

.contact .info ul.contact-info {
  margin-bottom: 5px;
}

.contact #map-canvas {
  height: 650px;
  background-color: #233D94;

}

.contact .info {
  margin-top: -633px;
}

.contact .info .container {
  padding: 28px;
}

#vacature-slider {
  margin-top: 40px;
}

  #vacature-slider .vacature {
    padding: 40px;
  }


    #vacature-slider .vacature .question-mark,
    #vacature-slider .vacature img {
      width: 200px;
      float: left;
    }

    #vacature-slider .vacature .question-mark {
      padding-top: 40%;
    }

    #vacature-slider .vacature .vacature-info {
      text-align: left;
      padding-left: 40px;
      float: left;
      width: calc(100% - 200px);
    }


.single-vacature {
  padding-top: 70px;
}
  .single-vacature article{
    min-height: calc(100vh - 226px);
  }

  .single-vacature h1 {
    padding: 40px 0;
  }