body{

	font-family: "GT Pressura Light", sans-serif;
	color: black;
	letter-spacing: 0.055em;
	line-height: 25px;

}

.mobile-nav{
	display: none;
}

h1{
	font-family: "GT Pressura", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 40px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 50px;
	letter-spacing: 0.04em;
}

h2{
	font-family: "GT Pressura", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

h3{
	font-family: "GT Pressura", sans-serif;
	font-size: 21px;
	padding-top: 0;
	margin-top: 0;
	letter-spacing: 0.055em;
	line-height: 26px;

}

h4{
	font-family: "GT Pressura Light", sans-serif;
	font-size: 23px;
	font-weight:100 !important;
	padding-top: 0;
	margin-top: 0;
	letter-spacing: 0.07em;
	line-height: 28px;

}

p{
	font-size: 17px;
}

a{
	color: #00b169;
}

p a:hover{
	color: #00b169;
}

a:hover{
	text-decoration: none;
	color: white;
	cursor: pointer;
}



img{
	max-width: 100%;
}

.wrap-nav{
width: 100%;
	padding-left: 40px;
}

.wrap{
	width: 90%;
	margin: 0 auto;
}

.wrap2{
	width: 1248px;
	margin: 0 auto;
}

.wrap3{
	width: 1248px;
	left: 50%;
	margin-left: -624px;
}

.wrap4{
	width: 980px;
	margin: 0 auto;
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.wrap4 .col-sm-4{
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.wrap4 .img{
	height: 180px;
	background-size: cover;
}

.blue{
	background-color:  #009fe3;
}

.green{

	background-color: #00b169;
}

.button{
	padding: 5px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 6px;
	color: white;
	background-color: #00b169;
	border-radius: 8px;
	display: inline-block;
	margin-top: 40px;
	font-size: 17px;
}

a.button:hover{
	color: #C0ECC2 !important;
}

.tag{
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: white !important;
	background-color: #00b169;
	font-size: 16px !important;
	display: inline-block;
	letter-spacing: 0.07em;
	margin-right: 9px;
	margin-bottom: 8px;
}

.titlespace{
	text-align: center;
	padding-top: 55px;
}

.pad{
	padding-top: 20px;
	padding-bottom: 20px;
}

.center{
	text-align: center;
}

.more{
		display: none;
}

/* ----------- nav and header -------------- */



nav{
height: 60px;
}

nav ul{
	margin: 0;
	padding: 0;
	float: left;
}

nav ul li{
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 13px;
	display: inline-block;
	margin-right: 27px;
}

nav ul li a{
	font-size: 18px;
	letter-spacing: 0.09em;
	color: white;
}

nav ul li a:hover, footer .col-md-6 a:hover{
	color: #C0ECC2 !important;
	text-decoration: none;
}

nav span{
	float: right;
}

#hamburger{
	position: fixed;
	top: 10px;
	display: none;
	z-index: 9999;
	color: #00b169;

}

#hamburger .fa{
	font-size: 27px !important;
}

.lang a{
	display: inline-block;
	color: white;
	padding: 17px;
	padding-left: 23px;
	padding-right: 21px;
	font-size: 18px;
}

.lang a:hover{
	text-decoration: none;
}


.lang-active{
	background-image: url(img/line.jpg);
	background-repeat: repeat-x;

}


header{
	background-color: white;
	padding-top: 15px;
	padding-bottom: 15px;
}

header img{
	width: 360px;
}


header p{
	font-size: 17px;
	line-height: 23px;
}

header .col-sm-7:last-child{
	padding-left: 50px;

}

header .col-sm-7{
	padding-top: 12px;

	text-align: left !important;
}

header .col-sm-7 p{
	font-size: 15px !important;
	line-height: 1.5em;
	color: #00b169;
	text-align: left !important;
}

.tagline{
	font-family: "GT Pressura", sans-serif;
	color: #009fe3;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.075em;
	padding-top: 5px;
	padding-left: 21px;

}

.header-img{

	background: linear-gradient(rgba(0, 159, 228, 0.5),rgba(0, 159, 228, 0.5)), url(img/header-img.jpg);
	background-size: cover;

	background-repeat: no-repeat;
	z-index: 0;
position: relative;
	padding-top: 175px;


}





.features{


	background-color: white;
	padding: 40px;
	padding-top: 20px;
	padding-bottom: 45px;
text-align: center;
}

.features-bottom{
	padding-top: 0px;
	padding-bottom: 75px;
}

.features-bottom .button{
	margin-top: 5px;
}

.features .col-sm-4{
	padding-left: 50px;
	padding-right: 50px;
}

.features img{
	width: 130px;
	margin-bottom: 0px;
}

.features p{
	font-size: 19px;
}

.features b, .features strong{
	font-size: 30px;
padding-bottom: 15px;

}

.features-intro-text{
	width: 65%;
	margin: 0 auto;
}

.top-green{
		height: 250px;
	}

.kartel{
	padding-bottom: 50px;

}

.projects{

	background-image: url(img/kartel.png);
	background-repeat: repeat-x;
	background-size: 374.5px 5px;
	background-color: #f8f6f1;

}

.projects .card{
	min-height: 440px;

	background-color: white;
	margin: 2px;
	margin-bottom: 35px;

}

.card .content{
		padding: 20px;
	padding-bottom: 5px;
}

.card a, .card a:hover, .pad a, .pad a:hover{
	color: #00b169;
}

.pad a{
	font-size: 19px;
}

.card p{
	font-size: 17px;
}

.img{
	width: 100%;
	height: 240px;
	background-color: #CCC;
	background-size: cover;
}

.img-person{
	width: 100%;
	height: 200px;
	background-color: #CCC;
	background-size: cover;
	background-position: center;
}

hr{
	border: 0;
	border-top: 2px solid white;
	margin-bottom: 30px;
}


.cloud{
	width: 50%; margin: 0 auto;
}

.cloud p{
	font-size: 18px;
	margin-bottom: 0;
	padding-bottom: 0;
}



.news{
	margin-top: 40px;
	padding: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: white;
	z-index: 1000 !important;
	margin-bottom: -300px;
	position: relative;
}



.news2 .card{
	min-height: 330px;
	background-color: white;
	background-position: center;
}

.news2 .img{
	height: 190px;
}

.news_blok .content{
	padding-left: 0; padding-right: 0;
}

.quote{
	min-height: 600px;
	background:
		linear-gradient(
		   rgba(0, 159, 228, 0.5),
		  rgba(0, 159, 228, 0.5)
		),
		url(img/girl-stare.jpg);
	background-size: cover;

	z-index: 0 !important;
	background-position: 0 50px;
	background-repeat: no-repeat;
}

.quote .pad{
	padding-top: 400px;
	padding-left: 250px;
	padding-right: 250px;
	padding-bottom: 100px;
}

.quote h1{
	color: white;
	text-transform: none;
	line-height: 45px;
	margin-bottom: 20px;
}


.contact{
	padding-bottom: 60px;

}

.contact .titlespace{
	padding-top: 60px;
}

.newsletter{
	background-color: white;
	padding: 40px;

}

.newsletter p{
		font-size: 18px !important;
}
.newsletter h3{
	font-size: 24px;
}

.newsletter .col-md-3{
text-align: center;
}

footer{
	padding-top: 80px !important;
	padding-bottom: 200px !important;
}

footer a, footer a:hover{
	color: white !important;
	font-size: 20px !important;
	line-height: 37px;
}


.newsletter .button{

	line-height: 22px; margin-top: 15px; font-size: 17px !important;
}


.credits{
	padding: 15px;


	background-color: black;
	text-align: center;
color: #00b169;

}



.credits a, #project-medewerkers a{
	color: #00b169;
	text-decoration: underline;
}

.page-intro{
	text-align: center;
}



/* ----------------- Detail --------------- */

.detail{

	padding-top: 80px;
}



.detail p{
	font-size: 17px;
}

.detail .col-sm-6:first-child{
	padding-right: 25px;

}

.detail .col-sm-6:last-child{
	padding-left: 25px;

}

.detail hr{
	border-top: 1px solid black;
	margin-top: 20px;
	margin-bottom: 20px;
}

.detail{
	padding-bottom: 80px;
}

#projects-detail{

	background-image: none !important;
	padding-bottom: 80px;
}

.blue-stripes{
	width: 13%;
	}


/* person cards */

.card .fa{
	color: #02769d;
	font-size: 22px;
	margin-right: 10px;
}

.fa-twitter{
	color: #66CCFF !important;
}

.about-us .card-person{

	min-height: 340px;

}


.duurzaam .col-sm-6 img{

margin-left: -10px;

}

.lang .fa{
		color: white;
		font-size: 30px !important;
	margin-right: 15px;
	cursor: pointer;
	display: inline;
	}

#searchform{ display: none;}

#search, form{
	display: inline;
	margin-top: 0;

}

form{
	padding-top: 0;
}

#search{
	margin-right: 10px;
		margin-top: 17px;
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	vertical-align: top;
	background-color: #00b169;
	color: white;
}

.duurzaam-intro{
		text-align: center;
		width: 75%;
	margin: 0 auto;
		padding: 15px;
	}

.twitter-timeline-link{
	display: none;
}

.twitter.content{
	padding-left: 0;
	padding-right: 0;
}


@media (max-width: 1300px){


	iframe{
		width: 100%;
	}

	.wrap-nav{
		padding-left: 0px;
	}

	.wrap, .wrap2{
		width: 100% !important;
	}

	.wrap2{
		margin: 0 auto;

		box-sizing: border-box;
	}




	.header-img, .green{
		padding-left: 20px;
		padding-right: 20px;

	}


	.features .col-sm-4{
		padding: 0;
		padding-bottom: 40px;
	}




	.row{
		width: 100%;
		padding: 20px;
		margin: 0;
	}

	header{

		text-align: center;
	}


	.cloud{
		width: 90%;
	}

	.projects{
		padding-left: 20px;
		padding-right: 20px;
	}

	.news{
		padding-left: 0;
		padding-right: 0;
	}

	.quote {
		margin-top: -150px;
		background-position: center center;
		min-height: 550px;
	}

	.quote .pad{
		padding-top: 300px;
		padding-left: 30px;
		padding-right: 30px;
	}

	nav{
		padding-right: 0 !important;
	}

	.newsletter{
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.features .col-sm-4{
		padding-left: 25px;
		padding-right: 25px;
	}

	.features-intro, .features-intro .col-sm-4{
		padding-bottom: 0;
	}
}

@media (max-width: 1200px){


.projects .card{
	min-height: 400px;
	overflow: hidden;

}

	.projects .card .img{
		height: 180px;
	}


}

.news2 .card{
		min-height: 350px;
	}


@media (max-width: 1050px){

	.wrap4{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}


	header .col-sm-7{
	padding-top: 10px;

}

	header .col-sm-7:last-child{
	padding-left: 15px;
	}

	.features p{
		font-size: 17px;
	}

	.features{
		padding: 25px;

	}

	.features-bottom{
		padding-top: 0;
		padding-bottom: 60px;
	}

	.features-bottom .button{
		margin-top: 0px;
	}

	.top-green{
		height: 230px;
	}

	nav ul{
		display: none;
	}

	.wrap-nav{
		padding-left: 0px;
	}

	.mobile-nav{
		display: block;
		float: left;
		padding-top: 15px;
		cursor: pointer;
	}

	.mobile-nav .fa{
		color: white;
		font-size: 27px !important;
	}



	#nav{
		position: absolute;
		left: 0;
		top: 60px;
		width: 100%;
		background-color: #00b169;
		padding: 20px;
		padding-top: 0;
		z-index: 10000;
	}

	#nav li{

		display: block;
	}

	#nav li a{
		font-size:20px;
	}

.projects .card{
	min-height: 420px;
	overflow: hidden;

}

	.projects .card .img{
		height: 140px;
	}


	.about-us .card-person{
	min-height: 500px;
}

	.card-person img{
		height: 75px;
	}


	.news2 .card{
		min-height: 400px;
	}

	.features h1{
		font-size: 27px;
	}

}


@media (max-width: 750px){

	.features-intro-text{
	width: 100%;
	}



	.top-green{
		height: 115px;
	}

	.mobile-hide{
		display: none;
	}

	.projects, .projects .row{
		padding: 0;
	}

	.quote{
		padding: 15px;
	}

	.quote h1{
		font-size: 30px;
	}

	.news2 .card{
		margin-bottom: 20px;
	}

.projects .card{
	min-height: auto;
	height: auto;
	padding-bottom: 15px;

}

	.projects .card .img{
		height: 200px;
	}

	.news2 .card{
		height: auto;
		min-height: auto;
		padding-bottom: 9px;
	}

	#search1{
	display: none;
	}

	.newsletter{
		padding: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 20px;
	}

	.newsletter .col-md-4{
		padding-bottom: 20px;
	}

	.newsletter .col-md-3{
	text-align: left;
	}

	.row{
		padding-left: 0;
		padding-right: 0;
	}



	footer, footer .row{
		padding-left: 0 !important;
		padding-right: 0 !important;

	}

	footer{
			padding-bottom: 100px !important;
	}


	.features-intro, .features-intro .col-sm-4{
		padding-bottom: 0;
	}

	.features-bottom .button{
		margin-top: 10px;
	}

	.features .col-sm-4{
		padding-left: 10px;
		padding-right: 10px;
	}

	header .col-sm-7 br, .features-intro br{
		display: none;
	}

	.over-ons h1{
		margin-bottom: 25px;
	}

	.duurzaam h2{
		margin-top: 0;
	}

	.duurzaam-intro{
		text-align: left;
		width: 100%;
		padding: 15px;
	}


	.features-intro p{
		padding-bottom: 40px;
	}



	.blue-stripes{
	width: 20%;
	}

	.news_blok .col-sm-4{
		display: none;
	}

	.news_blok .col-sm-4:first-child{
		display: block;
	}

	.twitter_blok .col-sm-4{
		display: none;
	}

	.twitter_blok .col-sm-4:first-child{
		display: block;
	}

	.more{
		display: block;
		text-align: center;

	}

	.features-intro{
		padding-top: 40px;
		padding-bottom: 0;
	}

    .button{
		margin-top: 0;
	}

	.tweets h1{
		margin-bottom: 0 !important;
	}
}


/* Updates 2022 */

.tag{
	background-color: #4BA5EA;
}

#international-projects{
	padding: 0 !important;
	margin-top: 50px;
	width: 75%;
}

#international-projects img{
border-right: 1px solid #A6A5A6;
}

@media (max-width: 940px){
	#international-projects img{
	border-right: none;
	}

	#international-projects p{
padding-bottom: 10px;
	}
}