body {
	
	font-family: "Calibri",Arial,Helvetica,sans-serif;
	background-color: #E4E1D1;
	font-size: 1.2em;
}
#logo{
	background-image: url("wijkplaatsheaderbruin.jpg");
	background-size:cover;
	height: 10vw;
	margin-bottom:2%;
}

#main{
   background-color: #f5f5f5;
   background-image: url("koffie-licht.jpg");
	background-size:cover;
   color: #5a3d1c;
   width: 80%;
   height: 85vw;
   margin: 0 auto;
}

#content{
   padding:2%;
   margin-left: 2%;
}


.people{
   width: 50%;
   float:left;
}


.people img{
    width: 96%;
}

.marc,.ingrid{
 transition: width 4s, height 4s;
}
.marc img:hover{
    width:97%;
}

.ingrid img:hover{
    width:97%;
}


.kvk{
    float:left;
    margin-left: 4%;
    margin-top:2%;
}



@media (min-width: 1000px) AND (max-width: 1300px) {
 #main{
   height: 90vw;  
  }
}

@media (min-width: 800px) AND (max-width: 1000px) {
 #main{
   height: 1000px;  
  }
}

@media (min-width: 600px) AND (max-width: 800px) {
 #main{
   height: 1200px;  
  }
}

@media screen and (max-width: 600px) {
  #main{
   height: 1800px;
   width:100%;
  }
  .people1, .people2{
   float:none;  
   width: 100%;
  }
  #logo{
   height:13vw;  
  }
}