#pageHolder {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

img {
max-width: 100%;
height: auto
}

@media only screen and (max-width: 1050px) {
	#pageHolder,
	#header,
	#secondaryHeader,
	#bottomNavArea,
	#homePageContactArea,
	#titleHeader,
	.mainImgBox,
	#backButtonArea,
	#contentArea,
	#poolsTitle,
	#poolsContent,
	#damImgArea {
	width: 100% !important;
	}

	#pageHolder {
	padding: 0 20px
	}

	#header {
	background-size: contain
	}

	#divLeft,
	#divRight {
	position: relative;
	max-width: 48%;
	z-index: 10;
	}

	#divLeft > div,
	#divRight > div {
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain
	}

	#navBox {
	position: absolute;
    top: 222px;
    left: 0;
    width: 100%;
    background-position: center;
	}

	#bottomNavArea,
	#homePageContactArea {
	position: relative;
	z-index: 10;
	}

	.mainImgBox {
	background-size: contain !important
	}

	#contentArea {
	padding: 33px 0 20px
	}

	#viewAllButton {
	padding-right: 8px;
	}
}

@media only screen and (max-width: 48em) {
	p {
		font-size: 18px;
		line-height: 1.5;
	}
}