html, body {
		height:100%;
		border:0;
		margin:0;
	}
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	}
	h1 {
  font-family: "Allison", cursive;
  font-family: 'Norse-bold', sans-serif;
  font-weight: 700;
  font-style: normal;
		font-size:70px;
		color:#334784;
		text-align:center;
		margin:25px;
		line-height:60px;
}
	h2 {
  font-weight:300;
		font-size:24px;
		color:#334784;
		margin:0;
		
}
	.textgray {
		color:#444;
	}
	#bluetop {
		top:0;
		left:0;
		position: relative;
		width:100%;
		background-image: url("../images/blue_top.jpg");
		background-position:center;
		background-size: cover;
		height:150px;
	} 
	#logo {
		position: absolute;
		left:10%;
		bottom:-45px;
		width:60%;
		max-width:500px;
		z-index:1;
	}
	#nav_button {
		position: absolute;
		right:10%;
		bottom:15px;
		width:20%;
		max-width:500px;
		text-align:right;
		z-index:1;
		cursor: pointer;
	}
	#pic {
		background-image:url("../images/view.jpg");
		background-position: center;
		background-size: cover;
		position:relative;
		width:100%;
		height:600px;
	}
	#pic_page {
		background-image:url("../images/view.jpg");
		background-position: top center;
		background-size: cover;
		position:relative;
		width:100%;
		height:200px;
	}
	.wrapper {
		width:100%;
		max-width:1200px;
		margin:0 auto;
		position:relative;	
	}
	#pic1 {
		position: absolute;
		top:-200px;
		left:20px;
		width:47%;
		border:10px solid white;
		box-sizing: border-box;
	}
	#pic2 {
		position: absolute;
		top:-200px;
		right:20px;
		width:47%;
		border:10px solid white;
		box-sizing: border-box;
	}
	.first_container {
		padding-top:220px;
	}
	.content_lightblue {
		background-color:#ebedf3;
	}
.content_lightblue2 {
		background-color:#d9dbe3;
	}
	.col50 {
		width:50%;
		position:relative;
		display:inline-block;
		padding:2%;
		box-sizing: border-box;
		vertical-align: top;
	}
	.blacklink {
		color:#000;
	}
	.graylink {
		color:#444;
	}
	.whitelink {
		color:#fff;
	}
	.col33 {
		width:33%;
		position:relative;
		display:inline-block;
		padding:2%;
		box-sizing: border-box;
	}
.col66 {
		width:66%;
		position:relative;
		display:inline-block;
		padding:2%;
		box-sizing: border-box;
	vertical-align: top;
	}
	.col25 {
		width:23%;
		position:relative;
		display:inline-block;
		margin:1%;
		box-sizing: border-box;
		display: inline-block;
  padding-top: 23%; 
  box-sizing: border-box;

	}
	.button1 {
		position: relative;
		border-radius:50px;
		background-color:#334784;
		border:3px solid #334784;
		padding:10px;
		width:300px;
		color:#fff;
		font-size:20px;
		text-align:center;
		display:inline-block;
		margin:5px;
	}
	.button2 {
		position: relative;
		border-radius:50px;
		background-color:#fff;
		border:3px solid #334784;
		padding:10px;
		width:300px;
		color:#334784;
		font-size:20px;
		text-align:center;
		display:inline-block;
		margin:5px;
	}
	#map {
		width:100%;
		height:500px;
	}
	#footer {
		width:100%;
		position:relative;
		background-image: url("../images/blue_top.jpg");
		background-position: center;
		background-size: cover;
		color:#fff;
		font-size:16px;
	}
	#footer_right {
		position:absolute; top:0; right:0; width:50%; padding:4%; text-align:right;
	}
	
	
	#nav {
		width:100%;
		position: relative;
		background-color:#ebedf3;
		display:none;
		text-align:center;
		border-bottom:3px solid #334784;
	}
	.nav_element {
		background-color:#334784;
		padding:10px 20px;
		border-radius:50px;
		color:#fff;
		margin:10px;
		display:inline-block;
		border:3px solid #334784;
	}
	.nav_selected {
		background-color:#fff;
		color:#334784;
		border:3px solid #334784;
	}
	.navlink {
		color:#fff;
		text-decoration: none;
	}
	
	
	@media screen and (max-width: 1000px) {
	
		#pic_page {
		height:150px;
	}
		
		.col33 {
			width:50%;
		}
		.col66 {
			width:50%;
		}
		.first_container {
		padding-top:150px;
	}
		
	}
	
	
	@media screen and (max-width: 800px) {
		#footer_right {
		padding:2%; 
	}
		.col25 {
			width:48%;
			padding-top:48%;
		}
		.col50 {
			width:100%;
		}
		.first_container {
		padding-top:0px;
	}
		#pic {
			height:250px;
			background-position: top center;
		}
		#pic1 {
		position: relative;
		top:auto;
		left:auto;
		width:100%;
		border:10px solid white;
		border-left:0px;
		border-right:0px;
		box-sizing: border-box;
	}
	#pic2 {
		position: relative;
		top:auto;
		right:auto;
		width:100%;
		border:10px solid white;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		box-sizing: border-box;
		margin-bottom:25px;
	}
		
	}
	
	
	
	@media screen and (max-width: 675px) {
	
		#pic_page {
		height:100px;
	}
		#bluetop {
			height:125px;
		}
		.col33 {
			width:100%;
		}
		.col66 {
			width:100%;
		}
		.nav_element {
		display:block;
	}
		#logo {
		
		left:10px;
			width:75%;
			bottom:-25px;
		
	}
	#nav_button {
		
		right:10px;
		
	}
		
	}


.mandatory1 {
	display:none;
}