body 
{
  background-color: #FDF4E3; /* RAL 9010 = #FDF4E3  #FDFDF0; #e6faff; = lightblue  */ 
  font-family: Arial, 'Arial Unicode MS', Helvetica, sans-serif;
  font-size: 75%;
}






.ehbo_banner
{
  position: relative;	
  margin-top: 0.0vh;
  width: 100%;
  height: auto;
   
  background-color: white;

  box-shadow: 0 0.2vw 1.0vw 0 rgba(0, 0, 0, 0.2), 0 1.0vw 3.0vw 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 0vw;
  content: url("../images/home_banner.jpg");
  z-index: 1;
}


.banner-text1 h1
{
  position: absolute;
  left: 34.0vw;
  top: 1.0vw;	
  color: white;
  font-size: 2.8vw;
  z-index: 2;  
}

.banner-text2 h1
{
  position: absolute;
  text-decoration: none;
  left: 75.0vw;
  top: 19.5vw;		
  color: red;
  font-size: 2.2vw;
  /*transform: rotate(-20deg);*/
  text-shadow: 8px 8px 10px #330000;
  z-index: 10;  
 }

.banner-text2 a
{
  text-decoration: none;
  color: red;	
}


.space_gap
{
height: 1.0vh;	
}






/* introductie foto's en tekst */
/*==============================================================================================*/
.wrapper1
{

  position: relative;
  background-color: #ebebeb;
  border-radius: 25px;
  width: 75%;
  margin-left: 10vw;
  border: 1px solid grey;
  
  box-shadow: 1vw 1vw 1vw #888888;
}

.wrapper1 h1
{
  top: 0vw;
  position: absolute;
  left: 11vw;
  font-size: 1.3vw;  
  color: blue;		
}

.wrapper1 p
{
  top: 1vw;	
  position: absolute;
  width: 80%;
  left: 11vw;
  font-family: Arial, 'Arial Unicode MS', Helvetica, sans-serif;	
  color: grey;
  font-size: 1.3vw;  
}

.profile1 img
{
	

  width: 9vw;
  height: auto;
  border-radius: 50%;  
}




.wrapper2
{
  	
  position: relative;
  background-color: #cce6ff;
  border-radius: 25px;
  width: 75%;
  margin-left: 16vw;
  border: 1px solid grey;
  
  box-shadow: 1vw 1vw 1vw #888888;
}

.wrapper2 h1
{
  top: 0px;
  position: absolute;
  left: 57.5vw;	
  color: blue;
  font-size: 1.3vw;   
}

.wrapper2 p
{
  top: 1vw;	
  position: absolute;
  width: 80%;
  left: 4vw;
  font-family: Arial, 'Arial Unicode MS', Helvetica, sans-serif;	
  color: grey;
  font-size: 1.3vw;  
}


.profile2 img
{
  /*position: flex;*/
  display: block;	  
  margin-left: auto;
  margin-right: 0px;	
   
  width: 9vw;
  height: auto;
  border-radius: 50%;  
}



/*=============================================================[ @media screen ]=================================================== */
@media screen and (max-width: 768px) 
{
	.ehbo_banner
	{
	  margin-left: 0;
	  margin-right: auto;
	  content: url("../images/home_banner_mob.jpg");
	}	
	
/* <div class="ehbo_banner"> <img src="../images/home_banner_mob.jpg" alt="Banner"></div> */

	.banner-text1 h1
	{
	  left: 5.0vw;
	  top: 90.0vw;	
	  font-size: 3.5vw;
	}

	.banner-text2 h1
	{
	  left: 5.0vw;
	  top: 93.0vw;		
	  font-size: 5.2vw;
	 }

	.space_gap
	{
	  height: 200vh;	
	}




/* introductie foto's en tekst */
/*==============================================================================================*/
.wrapper1
{
  width: 90%;
  height:12.2vh;
  left: 5%; 
  margin-left: 0.0vw;
}

.wrapper1 h1
{
  top: -1.0vw;
  left: 20vw;
  font-size: 2.3vw;  
}

.wrapper1 p
{
  top: 3.0vw;
  width: 75%;
  left: 20vw;
  font-size: 2.3vw;  
}

.profile1 img
{
  margin-top: 1.0vh;
  margin-left: 0.5vw;
  width: 16vw;
  height: auto;
}




.wrapper2
{
  width: 90%;
  height:12.2vh;
  left: 2%; 
  margin-left: 0vw;
}

.wrapper2 h1
{
  top: -1.0vw;
  left: 55.5vw;	
  font-size: 2.3vw;   
}

.wrapper2 p
{
  top: 3.0vw;
  width: 75%;
  left: 4vw;
  font-size: 2.3vw;  
}


.profile2 img
{
  margin-top: 1.0vh;
  margin-left: auto;
  margin-right: 0px;	
  width: 16vw;
  height: auto;
}




	
	
}