/* Main Section Panel */
.hero {
	position:relative; 
	float:left; 
	width: 100%; 
	height: 380px; 
	background-image: url('images/banner3.jpg'); 
	background-position:right bottom; 
	background-repeat: no-repeat; 
	background-size: cover;
}




.heroTextContainer {
	float: left;
	margin-top: 40px;
	margin-left:3%;
	width: 94%; 	
}


.textShadow {
	text-shadow: 0px 0px 20px #555555;
}









.partners {
	position: relative;
	float:left; 
	width: 100%;
	height: 60px;
	padding: 30px 3% 30px 3%;
	text-align: left;
	z-index: 300;

}

.ecorys {
	position: relative;
	float:left; 
	width: 300px;
}



.boxShadow {
	box-shadow: 0px 0px 20px #808080;
}








.euBar{
	position: relative;
	float:left; 
	width: 100%;
	height: auto;
	Padding: 15px 3% 24px 3%;
	text-align: left;
	background-color: white;
	top: -60px;
}

.tagline {
	position: relative;
	float:left; 
	width: 80%;
	margin-top: 20px;
	
}

.euLogo {
	position: relative;
	float:right; 
	width: 180px;
		margin-top: 4px;

}



/*General styles*/


body, html {
	margin:0;
	padding:0;
	height: 100%
}

html { overflow-y: scroll; }





.headerLight {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 30pt;
	line-height: 100%;
 	color:#ffffff;
 	font-weight:400;
	text-align: left;
}


.tagLight {
 	font-weight:400;	
	
}







@media screen and (max-width: 1440px) {
/* For iPad Pro Landscape and Macbook Pro*/
	

	
} 








@media (max-width: 1024px) {
/* For iPad Pro portrait, iPad Landscape and iPhone Landscape */
	
	
	






.heroTextContainer {
	float: left;
	margin-top: 70px;
	margin-left:3%;
	width: 98%; 	
}






.boxShadow {
	box-shadow: 0px 0px 20px #808080;
}





.partners {
	position: relative;
	float:left; 
	width: 94%;
	height: 60px;
	padding: 30px 3% 30px 3%;
	text-align: left;
	/*background-color: #1071b6;*/
}

.ecorys {
	position: relative;
	float:left; 
	width: 230px;

}



.euBar{
	position: relative;
	float:left; 
	width: 100%;
	height: auto;
	background-color: #ffffff;
	Padding: 12px 3% 20px 3%;
	text-align: left;
}

.tagline {
	position: relative;
	float:left; 
	width: 74%;
	margin-top: 18px;
	
}

.euLogo {
	position: relative;
	float:right; 
	width: 160px;
	margin-top: 0px;

}
	
	
	
	
	

	
	
	
	
	
	
}
	






@media (max-width: 768px) {
/* iPad Portrait */
	

	






.heroTextContainer {
	float: left;
	position: absolute;
	margin-top: 0px;
	margin-left:3%;
	width: 94%; 
	bottom: 40px
}






.partners {
	position: relative;
	float:left; 
	width: 94%;
	height: 60px;
	padding: 20px 3% 30px 3%;
	text-align: left;
	/*background-color: #1071b6;*/
}

.ecorys {
	position: relative;
	float:left; 
	width: 200px;
}


.boxShadow {
	box-shadow: 0px 0px 20px #808080;
}
	
	
	
	
	
.euBar{
	position: relative;
	float:left; 
	width: 100%;
	height: auto;
	background-color: #ffffff;
	Padding: 10px 3% 20px 3%;
	text-align: left;
}

.tagline {
	position: relative;
	float:left; 
	width: 49%;
	margin-top: 11px;	
}

.euLogo {
	position: relative;
	float:right; 
	width: 150px;
	margin-top: 6px;

}
	
	
	
	
	

	
	
		
}







@media (max-width: 516px) {
/* For phones: */
	






.heroTextContainer {
	float: left;
	margin-top: 85px;
	margin-left:3%;
	width: 94%; 	
}






.dropShadow {
	box-shadow: 0px 0px 20px #808080;
}





.partners {
	position: relative;
	float:left; 
	width: 94%;
	height: 60px;
	padding: 30px 3% 30px 3%;
	text-align: left;
	/*background-color: #1071b6;*/
}

.ecorys {
	position: relative;
	float:left; 
	width: 160px;

}



.euBar{
	position: relative;
	float:left; 
	width: 100%;

	background-color: #ffffff;
	Padding: 10px 3% 10px 3%;
	text-align: left;
}

.tagline {
	position: relative;
	float:left; 
	width: 100%;
	margin-top: 10px;
	
}

.euLogo {
	position: relative;
	float:right; 
	width: 150px;
		margin-top: 25px;

}
	
	
	
	
	


	
		
}