.wolkwrapper {
	position: relative;
	width: 100%;
	max-width: 850px;
	height: 450px;
	display:flex;
	margin: 0px auto;
	}

	
.wolk {
	min-height: 120px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
}


.wolk span {
	font-size: 2.8vw;
	padding-top: 5px;
}

.type1, .type2,.type3, .type4, .type5,.type6, .type7  {
	width: 28%;
}


.type1 {
  bottom: 35%;
  left: 24%;
}
.type2 {
	top: 18%;
  right: 51%;
}
.type3 {
	right: 5%;
  bottom: 34%;
}
.type4 {
	right:35%;
	top:0%;
}
.type5 {
	bottom: 48%;
	right:25%;
}
.type6 {
	top: 0%;
	right:5%;
}
.type7 {
	top: 13%;
	right:0;
}


/* Responsive*/

@media screen and (min-width: 600px) {
  .wolk span {
      font-size: 1.5vw;
  }
  
  .type1 {
  bottom: 23%;
  left: 18%;
}
.type2 {
	top: 18%;
  right: 51%;
}
.type3 {
	right: 16%;
  bottom: 16%;
}
.type4 {
	right:35%;
	top:0%;
}
.type5 {
	bottom: 37%;
	right:28%;
}
.type6 {
	top: 10%;
	right:6%;
}
.type7 {
	top: 35%;
	right:0;
}
  
}

@media screen and (min-width: 768px) {
 .type1, .type2,.type3, .type4, .type5,.type6, .type7  {
	width: 20%;
  }
  
  .type1 {
  bottom: 14%;
  left: 18%;
}
.type2 {
	top: 25%;
  right: 55%;
}
.type3 {
	right: 43%;
  bottom: 0;
}
.type4 {
	right:35%;
	top:5%;
}
.type5 {
	bottom: 20%;
	right:25%;
}
.type6 {
	top: 10%;
	right:10%;
}
.type7 {
	top: 35%;
	right:0;
}
}



@media screen and (min-width: 890px) {
  .wolk span {
      font-size: 1.6vw;
      padding-top: 5px;
  }
}


@media screen and (min-width: 1240px) {
  .wolk span {
      font-size: 1vw;
      padding-top: 5px;
  }
}




.wolk a {
  text-decoration:none;
}

.wolk a:hover {
  color: #ccc;
  
}
	
	
.grootlogo {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	position: absolute;
	}	
	
.type0 {
	width: 15%;
	padding-top: 15px;
	left:1%
}	
	
.type0 img {
	width: 100%;
	padding-top: 5px;

}
	
.type1 {
	
	background-image: url('/sites/default/files/inline-images/wolk3.png');
	padding: 25px 20px 5px;
}
.type2 {
	
	background-image: url('/sites/default/files/inline-images/wolk2.png');
	padding: 20px;
}
.type3 {
	
	background-image: url('/sites/default/files/inline-images/wolk3.png');
	padding: 20px;
}

.type4 {
	
	background-image: url('/sites/default/files/inline-images/wolk2.png');
	padding: 20px;
}
.type5 {
	
	background-image: url('/sites/default/files/inline-images/wolk2.png');
	padding: 20px;
}
.type6 {
	
	background-image: url('/sites/default/files/inline-images/wolk3.png');
	padding: 20px;
}
.type7 {
	
	background-image: url('/sites/default/files/inline-images/wolk3.png');
	padding: 20px;
}