body, html {
  height: 100%;
}
		body {
		margin:0;
			font-family: 'Open Sans', sans-serif;
			font-size:17px;
		}		
		h1 {
		 font-size:	24px;
		margin:0;
			margin-bottom:20px;
		}
		.bluegreen {
			position:relative;
			padding:3%;
	width:100%;
			box-sizing: border-box;
			background-color:#293776;
			color:#fff;
		}
p {
margin:0;
}
.bluegreen a {
color:#fff;
	text-decoration: none;
}
.bluegreen a:hover {
	text-decoration:underline;
}
		.green {
			position:relative;
			padding:3%;
	width:100%;
			box-sizing: border-box;
			background-color:#d0a657;
			color:#fff;
		}
		.lightgreen {
			position:relative;
			padding:3%;
	width:100%;
			box-sizing: border-box;
			background-color:#77a4c8;
			color:#fff;
		}
		.darkgray {
			position:relative;
			padding:3%;
	width:100%;
			box-sizing: border-box;
			background-color:#333;
			color:#fff;
		}
		
		
		.news_container {
			position:relative;
			width:48%;
			margin-right:2%;
			background-color:#0C4F60;
			display:inline-block;
			margin-bottom:2%;
		}
		.news_pic {
			position:relative;
			display:inline-block;
			width:33%;
		}
		.news_text {
			position:relative;
			display:inline-block;
			width:66%;
			vertical-align:top;
			padding:2%;
			box-sizing: border-box;
			font-size:18px;
		}
	
		.parallax75 {
		height: 90%;
			background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
		}

		.parallax50 {
		height: 50%;
			background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
		}
		
	
		
		#logo {
			position:absolute;
			top:-40px;
			left:0;
			right:0;
			width: 100%;
			max-width:550px;
			margin:auto;
		}
		#slogan {
			width:50%;
			height:75%;
			position:absolute;
			margin: auto;
			left:0;
			right:0;
			top:10%;
			text-align:center;
		}
		.wrapper {
			width:95%;
			position:relative;
			max-width:1000px;
			margin:0 auto;
		}
		.col_text {
			column-count: 2; column-gap: 5%;
		}
		
		.quartercontent {
			display:inline-block;
			width:20%;
			margin-right:5%;
			vertical-align: top;
			position:relative;
		}
		.halfcontent {
			display:inline-block;
			width:45%;
			margin-right:5%;
			vertical-align: top;
			position:relative;
		}
		
		
		input {
      width: 100%;
			border-radius:20px;
			padding:2%;
			font-size:15px;
			border: 2px solid white;
			color:#fff;
			background-color: transparent;
			margin-bottom:5px;
			box-sizing: border-box;
}
		button {
      width: 100%;
			border-radius:20px;
			padding:2%;
			font-size:15px;
			border: 2px solid white;
			color:#fff;
			background-color: #d0a657;
			margin-bottom:5px;
			box-sizing: border-box;
}
		
		
		#nav {
			background-color:#fff;
			position:fixed;
			top:0;
			left:0;
			width:100%;
			box-shadow:0px 0px 10px rgba(0,0,0,0.5);
			z-index:1;
		}
#nav a {
	text-decoration:none;
	color:#0c4f60;
}
		#nav_content {
			display:none;
			width:100%;
			text-align:center;
			font-size:30px;
			line-height:50px;
			color:#0c4f60;
		}
		#nav_button {
			position:relative;
			width:100%;
			text-align:center;
			padding:0%;
			cursor:pointer;
			margin-top:5px;
		}
		
		
		
		@media screen and (max-width: 1024px) {
			#slogan {
			width:90%;
			height:60%;
				top:15%;
			}
			.quartercontent {
			text-align:center;
			width:45%;
				margin-bottom:5%;
		}
		
			.bluegreen {
	padding:5%;
	}
	.darkgray {
	padding:5%;
	}
	.green {
	padding:5%;
	}
	.lightgreen {
	padding:5%;
	}
			
			
			.parallax75 {
 background-attachment:inherit;
		}

		.parallax50 {
		
			background-attachment:inherit;
 
		}
			
		}
		
		
		
		
		
@media screen and (max-width: 600px) {
			#slogan {
			width:90%;
			height:40%;
				top:15%;
			}
	.col_text {
			column-count: 1; column-gap: 5%;
		}
	.quartercontent {
			text-align:center;
			width:100%;
		margin-right:0%;
				margin-bottom:10%;
		}
	
	.bluegreen {
	padding:5%;
	}
	.darkgray {
	padding:5%;
	}
	.green {
	padding:5%;
	}
	.lightgreen {
	padding:5%;
	}
	
	#logo {
			width:75%;
			max-width: 350px;
		
		}
		}