.content { width: 96%; margin: 2%; background: #e7dedc url("/img/srbeeldmerk2.svg") bottom -300px right -150px no-repeat; background-size: 50%; font-family: "Open Sans", sans-serif; }

.logo { width: 250px; background: #fff; border-radius: 0 0 20px 20px; text-align: center;}
.logo img { max-width: 250px; border-radius: 0 0 20px 20px;}
.header { position: relative; width: 100%; height: 50vh; }
.header .logo { position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 99; top: 0px; }
.header .text { width: 80%; position: absolute; left: 50%; transform: translate(-50%); z-index: 99; top: 300px; text-align: center; color: #fff; text-shadow: 1px 1px 2px black; }
.header .lng { display: block; position: absolute; top: 0; right: 50px; background: #fff; border-radius: 0 0 20px 20px; z-index: 99;}
.header .lng img { width: 60px; padding: 10px;}
.header h1 { font-weight: 800; }
 .bx-wrapper { border: 0; padding: 0; margin: 0; box-shadow: none;}
 .slider div img { width: 100%; height: 50vh; object-fit: cover; } 
 .form { background: #ff6e29; color: #fff; padding: 25px; border-radius: 20px; margin-top: -50px; position: relative; z-index: 99; }
 .form label { padding-top: 15px; }
 .form input { border: 0; }
 
.intro { padding: 50px 20px; line-height: 28px; }	
.intro h3 { color: #ff6e29; }
.intro i { color:  #ff6e29; }
address { padding: 40px 25px; line-height: 34px; }
address i { color:  #ff6e29; }
address a { color: #ff6e29; }
#footer img { width: 200px; display:inline-block;}
#footer a { color: #999; padding: 10px;}
#footer a:hover { color: #ff6e29; }

@media (max-width: 620px) {

.header { height: 450px; }
.header .logo { position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 99; top: 0px; }
.header .text { top: 195px;  }
.header .lng { right: 25px; }
.logo { width: 175px; background: #fff; border-radius: 0 0 20px 20px; text-align: center;}
.logo img { max-width: 175px; border-radius: 0 0 20px 20px;}
 .slider div img { width: 100%; height: 450px; object-fit: cover; } 

}