.contact {
  font-family: 'Roboto', sans-serif;
  background-color: #F5F4F2;
  width: 100%;
  height: 52.5vw;
  overflow-y: hidden;
}

.contact-text {
  color: black;
  text-align: left;
  margin-left: 12.5%;
  width: 75%;
  padding-top: 7.5vw;
}

.contact-title {
  width: 100%;
}

.contact-title-1-child {
  position: relative;
  display: inline-block;
}

.contact-title-2 {
  padding-top: 1.5vw;
}

.contact-title-1-child h1 {
  width: 100%;
  font-size: 2.6vw;
  padding: 0.2vw;
  margin: 0;
}

.contact-text p {
  font-size: 1.2vw;
  width: 80%;
  padding: 0px;
  margin: 0;
}

#bar4 {
  background-color: black;
  width: 30vw;
}

.locatie-div {
  width: 100%;
  height: auto;
}

.locatie-sectie {
  padding-top: 1.25vw;
  width: 60%;
  height: 25vw;
  content: "";
  display: table;
  clear: both;
  float:left;
}

.locatie-sectie-text {
  width: 100%;
  height: 13.75vw;
  float: left;
  text-align: left;
  padding-left: 0px;
  padding-top: 2.5vw;
}

.locatie-sectie-text i {
  font-size: 1.4vw;
  display: flex;
  align-items: center;
  float:left;
  padding-bottom: 1vw;
  color: #D2560F;
  height: 3.33vw;
  width: 100%;
}

.locatie-sectie-text i p{
  font-family: 'Roboto', sans-serif;
  text-align: left;
  font-size: 1vw;
  font-weight: 300;
  display: flex;
  float:left;
  align-items: center;
  color: black;
  padding-left: 0.25vw;
}

.locatie-sectie-text i p a{
  font-family: 'Roboto', sans-serif;
  text-align: left;
  font-size: 1vw;
  font-weight: 300;
  display: flex;
  float:left;
  align-items: center;
  color: black;
}

.locatie-sectie-kader-content {
  margin-top:5%;
  width: 100%;
  height: 100%;
}

.locatie-sectie-kader {
  height: 100%;
  width: 60%;
  float:left;
}

.locatie-sectie-kader2 {
  height: 100%;
  width: 40%;
  float:left;
}
.locatie_img {
  height: auto;
  width: 90%;
}

.map-div {
  width: 40%;
  height: 26vw;
  margin-top: 3.75vw;
  float:left;
}

.map {
  height: 100%;
  width: 100%;
  background-color: #D2560F;
}

.map-frame {
  height: 99.65%;
  width: 99.65%;
  padding-top: 0.35%;
  padding-left: 0.35%;
}

.witte-balk4 {
  z-index: 1;
  width: 100%;
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  position: absolute;
  top: -2px;
}

#locatiebar {
  width: 100%;
  height: 0.15vw;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #D2560F;
}