main {
	position: relative;
}

main {
	> * {
		padding: 0pt;
	}
}

main h2 {
	margin-left: 60pt;
}

.lijn {
	width: 100%;
}

.lijn_mobile {
	display: none;
}

.eerste {
	position: absolute;
	top: 7%;
	left: 15%;
}

.ontstaan {
	position: absolute;
	top: 11%;
	left: 15%;
}

.tweede {
	position: absolute;
	top: 26%;
	left: 8%;
}

.begeleidingsaanbod {
	position: absolute;
	top: 30%;
	left: 5%;
}

.derde {
	position: absolute;
	top: 17%;
	right: 50%;
}

.werking {
	position: absolute;
	top: 22%;
	right: 22%;
}

.vierde {
	position: absolute;
	top: 28%;
	right: 8%;
}

.centrum {
	position: absolute;
	top: 32%;
	right: 6%;
	text-align: right;
}

.vijfde {
	position: absolute;
	top: 49%;
	right: 8%;
}

.samenwerking {
	position: absolute;
	top: 53%;
	right: 6.5%;
	text-align: right;
}

.zesde {
	position: absolute;
	top: 47%;
	right: 85%;
}

.diogenes {
	position: absolute;
	top: 51%;
	left: 6%;
}

.zevende {
	position: absolute;
	top: 65%;
	right: 82%;
}

.uitbreiding {
	position: absolute;
	top: 69%;
	left: 9%;
}

.achtste {
	position: absolute;
	top: 84%;
	right: 83%;
}

.autonomie {
	position: absolute;
	top: 88%;
	left: 8%;
}

.openBoek {
	position: absolute;
	top: 5%;
	right: 10%;
}

.paard {
	position: absolute;
	top: 63%;
	left: 64%;
	width: 38%;
}

h4 {
	font-size: 18px;
}

@media screen and (max-width: 1280px) {
	/*TYPO*/
	body p {
		font-size: 10pt;
	}

	body h2 {
		font-size: 22pt;
	}

	body h3 {
		font-size: 16pt;
	}

	body h4 {
		font-size: 10pt;
	}

	/*POSITION*/
	.ontstaan {
		top: 11%;
		left: 14%;
	}

	.begeleidingsaanbod {
		top: 38%;
		left: 14%;
	}

	.werking {
		top: 26%;
		right: 29.5%;
	}

	.vierde {
		top: 31%;
		right: 15%;
	}

	.centrum {
		top: 35%;
		right: 6%;
	}

	.vijfde {
		top: 63%;
		right: 31%;
	}

	.samenwerking {
		top: 66%;
		right: 13.5%;
	}

	.autonomie {
		top: 69%;
		left: 4.5%;
	}
}

@media screen and (max-width: 768px) {
	.lijn {
		width: 100%;
	}

	.openBoek {
		top: -1%;
		right: 2%;
		width: 40%;
	}

	.paard {
		top: 50%;
		left: -4%;
	}

	/*POSITION*/
	.ontstaan {
		top: 11%;
		left: 10%;
	}

	.begeleidingsaanbod {
		top: 34%;
		left: 16%;
	}

	.derde {
		top: 34%;
		right: 51.5%;
	}

	.werking {
		top: 23%;
		right: 28.7%;
	}

	.vierde {
		top: 34%;
		right: 24%;
	}

	.centrum {
		top: 38%;
		right: 3%;
	}

	.vijfde {
		top: 63%;
		right: 38%;
	}

	.zesde {
		top: 80.5%;
		left: 04.5%;
	}

	.samenwerking {
		top: 66%;
		right: 11.5%;
	}

	.autonomie {
		top: 84%;
		left: 4.5%;
	}
}

@media screen and (max-width: 480px) {
	main {
		width: 80%;
	}

	.lijn {
		display: none;
	}

	.lijn_mobile {
		display: block;
		heigth:120%;
		margin-bottom: 50%;
	}

	.openBoek {
		top: 88%;
		right: 50%;
		width: 53%;
	}

	.paard {
		top: 1%;
		left: 64%;
		width: 35%;
	}

	.eerste {
		top: 4%;
		left: 4.5%;
	}

	.ontstaan {
		top: 8%;
		left: 2%;
	}

	.tweede {
		top: 22%;
		left: 34%;
	}

	.begeleidingsaanbod {
		top: 25%;
		left: 34%;
	}

	.derde {
		top: 34%;
		right: 77%;
	}

	.werking {
		top: 37%;
		right: 26%;
	}

	.vierde {
		top: 48%;
		right: 51%;
	}

	.centrum {
		width: 75%;
		top: 51%;
		right: -4%;
	}

	.centrum h4,
	.centrum p {
		margin: 0;
	}

	.centrum p {
		font-size: 8pt;
	}

	.vijfde {
		top: 58%;
		right: 76%;
	}

	.samenwerking {
		top: 61%;
		right: 13.5%;
	}

	.zesde {
		top: 75%;
		right: 42%;
	}

	.autonomie {
		top: 78%;
		left: 4%;
		width: 60%;
	}
}

@media screen and (max-width: 320px) {
	.lijn_mobile {
		object-fit: fill;
		height: 1200px;
		width: 280px;
	}

	.paard {
		left: 74%;
	}

	.openBoek {
		left: 50%;
	}

	.eerste {
		top: 6%;
		left: 11.5%;
	}

	.ontstaan {
		top: 10%;
		left: 12%;
	}

	.tweede {
		top: 23%;
	}

	.derde {
		top: 35%;
	}

	.werking {
		top: 38%;
	}

	.vierde {
		top: 52%;
	}

	.centrum {
		top: 55.5%;
		right: 0%;
	}

	.vijfde {
		top: 62%;
	}

	.samenwerking {
		top: 65%;
	}

	.zesde {
		top: 80%;
		right: 42%;
	}

	.autonomie {
		top: 82%;
		left: 1%;
		width: 60%;
	}
}