@import url(https://fonts.googleapis.com/css?family=Ubuntu);

	html{
	scroll-behavior: smooth;
	height: 100vh;
	overflow: hidden;
	font-family: "Ubuntu";
	}

	body {
		margin:0;
		color: #03254C;
		scroll-behavior: smooth;				
	}

	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
	}

	li {
		float: left;
	}

	li a {
		display: block;
		color: #03254C;
		text-align: center;
		margin: 14px 16px;
		text-decoration: none;
		transition-duration: 0.4s;
		padding-bottom: 3px;
	}

	a{
		position: relative;
	}

	li a::before {
		content: "";
			position: absolute;
		width: 100%;
		height: 2px;
		bottom: 0;
		left: 0;
		background-color: #03254C;
		visibility: hidden;
		transform: scaleX(0);
		transition: all 0.4s ease-in-out 0s;
	}

	li a:hover::before {
		visibility: visible;
		transform: scaleX(1);
	}	

	a::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: 0;
		left: 0;
		background-color: #03254C;
		visibility: hidden;
		transform: scaleX(0);
		transition: all 0.4s ease-in-out 0s;
	}

	a:hover::before {
		visibility: visible;
		transform: scaleX(1);
	}	

	div{
		scroll-behavior: smooth;
	}

	h1{
		text-align: left;
	}

	h2{
		text-align: left;
		margin-bottom: 0px;
	}

	p{
		text-align: left;
		margin-top: 0px;
	}

	#header{
		z-index: 10;
		position: absolute;
		margin: auto;
	}

	#logoheader{
		height: 20px;
		float: left;
		padding: 14px; 
	}

	#screen{
		overflow: scroll;
		height: 100vh;
		scroll-snap-type: mandatory;
		scroll-snap-points-y: repeat(100vh);
		scroll-snap-type: y mandatory;
	}

	#dia{
		height: 100vh; 
	 	scroll-snap-align: start;
	  	position: relative;
	}

	#homeimg{
		background-image: url('blaugen.jpg');
		height: 100vh; 
		background-position: center; 
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding: 0;
	}

	#homep{
		text-align: center; 
		position: absolute;
		color: #03254C;
		margin-top: 30px;
		margin-left:10%;
		margin-right:10%;
	}

	#diensten{
		background-color:#D0EFFF;
		height: 100vh;
	}

	#dienstenp{
		text-align: left; 
		position: absolute;
		color: #03254C;
		margin-top: 30px;
		margin-left:10%;
		margin-right:10%;
	}

	#dienstenelement{
		width: 100%;

	}

	#contact{
		background-color:white;
		height: 100vh; 
	}

	#contactp{
		width: 100%;


	}

	#phone{
		margin-top: 50px;
		width: 60%;
		padding-left: 20%;
		padding-right: 20%;

	}

	#contactgegevens{
		width: 80%;
		padding:10%;
		padding-top: 5%;
	}

	#contactlink{
		text-decoration: none;
		color: #03254C;
	}