@import url('https://fonts.googleapis.com/css2?family=Roboto:ital.wght@0.100;0.300;0.400;0.500;0.700;0.900;1.100;1.300;1.400;1.500;1.700;1.900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital.wght@0.400..700;1.400..700&display=swap');

* {
	box-sizing: border-box;
	font-family: "Roboto", sans-serif;
	color: white;
	margin: 0px;
}

body {
	background-color: #025959;
}

.qoute {
	position: absolute;
	width: 371px;
	height: 415px;
	left: 3px;
	top: 110px;
	background-color: #5FD2E9;
	display: flex;
	align-items: center;
}	

h1 {
	font-size: 55px;
	font-family: "Lora", serif;
	text-align: center;
	padding: 0px 50px 0px 50px;

}

.hero-image {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px -120px;
	background-color: #03A688;
	background-image: url(img/foto1.jpg);
	width: 1133px;
	height: 415px;
	left: 384px;
	top: 110px;
}

.about {
	position: absolute;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/icon1.png);
	background-color: #03A688;
	width: 371px;
	height: 315px;
	left: 3px;
	top: 535px;
}

.travel {
	position: absolute;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/icon2.png);
	background-color: #03A688;
	width: 371px;
	height: 315px;
	left: 384px;
	top: 535px;
}

.contact {
	position: absolute;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/icon3.png);
	background-color: #03A688;
	width: 371px;
	height: 315px;
	left: 765px;
	top: 535px;
}

.faq {
	position: absolute;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/icon4.png);
	background-color: #03A688;
	width: 371px;
	height: 315px;
	left: 1146px;
	top: 535px;
}

.nav p {
	font-size: 25px;
	line-height: 25px;
	font-family: "Lora", serif;
	padding: 25px;
	margin-bottom: 200px;
}

hr {
	border: none;
	background-color: white;
	height: 1px;
}

.zee-helder {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px -100px;
	background-color: #03A688;
	background-image: url(img/foto2.jpg);
	width: 752px;
	height: 340px;
	left: 3px;
	top: 860px;
}

.zee-boot {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px -115px;
	background-color: #03A688;
	background-image: url(img/foto3.jpg);
	width: 752px;
	height: 340px;
	left: 765px;
	top: 860px;
}

.zee-oppervlak {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #03A688;
	background-image: url(img/foto4.jpeg);
	width: 371px;
	height: 640px;
	left: 3px;
	top: 1210px;
}

.schildpad {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #03A688;
	background-image: url(img/foto5.jpg);
	width: 371px;
	height: 315px;
	left: 384px;
	top: 1210px;
}
.kwal {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px -40px;
	background-color: #03A688;
	background-image: url(img/foto6.jpg);
	width: 371px;
	height: 315px;
	left: 384px;
	top: 1535px;
}

.nav hr {
	width: 336px;
	margin-left: 20px;
}

.about-long {
	position: absolute;
	background-color: #03A688;
	width: 752px;
	height: 640px;
	left: 765px;
	top: 1210px;
}

h2 {
	font-family: "Lora", serif;
	font-size: 55px;
	padding: 50px 0px 20px 50px;
}

.about-long p {
	padding-left: 50px;
	line-height: 25px;
	margin-right: 50px;
	margin-bottom: 215px;
}

.about-long hr {
	margin-left: 40px;
	width: 672px;
}

.blog {
	position: absolute;
	background-color: #03A688;
	width: 752px;
	height: 313.09px;
	left: 3px;
	top: 1860px;
}

h3 {
	font-family: "Lora", serif;
	font-size: 25px;
	padding: 35px 0px 15px 35px;
}

.blog p {
	padding-left: 35px;
	margin-right: 145px;
	line-height: 25px;
	margin-bottom: 105px;
}

.blog hr {
	margin-left: 40px;
	width: 672px;
}

.recensie {
	position: absolute;
	background-color: #5FD2E9;
	width: 752px;
	height: 313.09px;
	left: 765px;
	top: 1860px;
}

.recensie p {
	line-height: 25px;
}

.recensie hr {
	margin-top: 205px;
	margin-left: 40px;
	width: 672px;
}

.review1 {
	position: absolute;
	width: 197px;
	height: 158px;
	left: 35px;
	top: 80px;
}

.review2 {
	position: absolute;
	width: 197px;
	height: 158px;
	left: 265px;
	top: 80px;
}

.review3 {
	position: absolute;
	width: 197px;
	height: 158px;
	left: 515px;
	top: 80px;
}

/* waardes:
Ontdek de wonderen: W: 371 H: 416.48 X: 3 Y: 110
foto 1: W: 1133 H: 416.48 X: 384 Y: 110
over ons: W: 371 H: 308.57 X: 3 Y: 540 
reis boeken: W: 371 H: 308.57 X: 384 Y: 540
Contacteer ons: W: 371 H: 308.57 X: 765 Y: 540
FAQ: W: 371 H: 308.57: X: 1146 Y: 540
foto 2: W: 752 H: 343.05 X: 3 Y: 860
foto 3: W: 752 H: 343.05 X: 765 Y: 860
leeg vlak (foto): W: 371 H: 643.11 X: 3 Y: 1210
foto 4: W: 371 H: 313.39 X: 384 Y: 1210
foto 5: W: 371 H: 313.39 X: 384 Y: 1540
over ons: W: 752 H: 643.11 X: 765 Y: 1210
blog: W: 752 H: 313.09 X: 3 Y: 1865
recensies: W: 752 H: 313.09 X: 765 Y: 1865
kleuren:
#FFFFFF
#03A688
#5FD2E9
#81D3C4
#025959
font links:
font-family: "Lora", serif;
font-family: "Roboto", sans-serif;
*/