.aboutdiv {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	background-color: white;
}
.aboutdiv p {
	font-family: Catamaran, Sans serif;
	font-size: 1.4em;
	color: black;
}
.about1 {
	padding: 40px 60px 0px 60px;
	overflow: hidden;
	background-color: #f5f5f5;
}
.about1 h1 {
	width: 100%;
	font-family: Roboto, Sans-serif;
	font-size: 2em;
	color: #294391;
	padding: 20px 20px 40px 20px;
}
.about1 img {
	box-sizing: border-box;
	float: left;
	margin: auto;
	width: 250px;
}
.about1 p {
	color: #294391;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 20px
}
.about2 {
	background-image:url(Images/dropsbg.jpg);
	background-size: cover;
	background-attachment: fixed;
	overflow: hidden;
}
.about2 h2 {
	padding: 60px 20px 0px 20px;
	font-family: Roboto, sans-serif;
	font-size: 1.6em;
	position:relative;
	color: white
}
.about2 .p1 {
	padding: 60px;
	color: white;
}
.about2 h3 {
	font-family: Roboto, sans-serif;
	text-align: left;
	font-size: 1.6em;
	color: white;
	padding-left: 120px;
	padding-bottom: 20px;
}
.about2 .p2 {
	font-size: 1.2em;
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 20px 10px 20px 60px;
	color: white;
	text-align: left;
}
.lakepicdiv {
	box-sizing: border-box;
	position: relative;
	width: 50%;
	float: right;
	padding-right: 20px;
	opacity: .85;
	text-align: left;
}
.lakepic {
	box-sizing: border-box;
	width: 100%;
	max-width: 500px;
	padding-bottom: 20px;
	display: inline-block;
	vertical-align: center;
 
}
.about3 {
	padding: 120px 60px 0px 60px;
	background-color: #f5f5f5;
}
.about3 h2 {
	font-family: Roboto, sans-serif;
	font-size: 1.8em;
	color: #294391;
	padding-bottom: 40px;
}
.about3 p {
	color: #294391;
}
.filters {
	margin-bottom: -4px;
	background-color: #f5f5f5;
}
.filters img {
	height: 400px;
	padding: 40px 60px 0px 60px;
}
@media only screen and (max-width: 1000px) {
	.lakepicdiv {
		padding-right: 0;
		width: 100%;
		text-align: center;
	}
	.lakepic {
		padding: 20px;
	}
	.about2 .p2 {
		width: 100%;
	}
	.filters img {
	height: 300px;
	}
	.about2 h3 {
		text-align: center;
		padding-left: 0;
	}
}
@media only screen and (max-width: 850px) {
	.filters img {
	height: 200px;
	padding: 40px 60px 0px 60px;
	}
}

@media only screen and (max-width: 660px) {
	.filters img {
		padding: 40px 40px 0px 40px;
	}
}
@media only screen and (max-width: 550px) {
	.filters img {
		padding: 40px 20px 0px 20px;
	}
	.about1 {
	padding: 40px 20px 60px 20px;
	overflow: hidden;
	}
	.about2 {
		padding
	}
}
@media only screen and (max-width: 420px) {
	.filters img {
	height: 150px;
	padding: 40px 10px 0px 10px;
	}
}
@media only screen and (max-width: 600px) {
	.about1 img {
		width: 180px;
	}
}