@import url('fonts/fonts.css');

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);

/*
Green: #01AA4F  #19BB70 #2BAD6B
Yellow Green: #99CC33
orange: #FF6600
grey: #58595B
*/

body {
	margin: 0px;
	padding: 0px;
	height: 100vh;
	background-color:#FFEDC9;
	/* background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed; */
}
img {
	max-width: 100%;
	height: auto;
}
#header {
	position: relative;
	width: 100%;
	background-color:#A60000;
	padding-top: 14px;
}
#HeadArea {
	position: relative;
	margin: auto;
	width: 1200px;
	max-width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 8px;
	vertical-align: top;
}
#logo {
	width: 44%;
	min-width: 250px;
	vertical-align: middle;
	display: table-cell;
	font-family: 'Roboto+Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#logo img {
	width: 550px;
	max-width: 100%;
	height: auto;
}
#socialIcons {
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#socialIcons img {
	margin: 0px 10px;
	height: 32px;
}
#socialIcons img:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
}
.headerInfo {
	position: relative;
	width: 28%;
	text-decoration: none;
	vertical-align: middle;
	display: table-cell;
}
.headerBold {
	font-family: 'Roboto+Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.headerNormal {
	font-family: 'noto_sansitalic', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.headerInfo a {
	color: #FFFFFF;
	text-decoration: none;
}
.headerInfo a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#textIcon {
	position: relative;
	margin-top: 20px;
	width: 51px;
}
#phoneIcon {
	position: relative;
	height: 35px;
	margin-top: 8px;
}
#fbMessenger {
	position: relative;
	height: 35px;
	margin-top: 8px;
	display: inline;
}
.trigger {
	cursor: pointer;
}
.toggle {
	position: relative;
}
#MainArea {
	position: relative;
	clear:both;
	margin: auto;
	padding-top: 0px;
	width: 1200px;
	max-width: 100%;
	background-color:#FEF5E3;
	overflow: hidden;
	border-left: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	-webkit-box-shadow: 2px 2px 8px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 8px 3px rgba(0, 0, 0, .2);
}
#MainContent {
	position: relative;
	width: 96%;
	min-height: 450px;
	margin: auto;
	overflow: hidden;
}
#conTable {
	max-width: 100%;
}

#HeadRight {
	 position: relative;
	 float: right;
	 width: 60%;
	 vertical-align: middle;
}

.fourColumnContainer {
	width: 100%;
	position: relative;
	margin: auto;
	display: table;
	border-collapse: separate;
	border-spacing: 9px;
}
.fourColumn {
	position: relative;
	width: 20%;
	display: table-cell;
	vertical-align: middle;
	background-color: #A60000;
	border: solid 2px #FFFFFF;
	border-radius: 12px;
	box-shadow: 5px 5px 6px rgba(0,0,0,0.2);
	padding: 12px;
	text-align: center;
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.fourColumn a {
	color: #FFFFFF;
	text-decoration:none;
}
.fourColumnSpecial {
	position: relative;
	width: 20%;
	display: table-cell;
	vertical-align: middle;
	background-color: #000099;
	border: 3px dashed #FFFFFF;
	border-radius: 12px;
	box-shadow: 5px 5px 6px rgba(0,0,0,0.2);
	padding: 12px;
	text-align: center;
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.fourColumnSpecial h4 {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.fiveColumnContainer {
	width: 100%;
	position: relative;
	display: table;
	border-collapse: separate;
	border-spacing: 12px;
}
.fiveColumn {
	position: relative;
	width: 20%;
	display: table-cell;
	vertical-align: top;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}


.scheduleButton a {
	position: relative;
	display: block;
	vertical-align: middle;
	background-color: #000099;
	border: solid 2px #FFFFFF;
	border-radius: 24px;
	padding: 12px;
	text-align: center;
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	box-shadow: 5px 5px 6px rgba(0,0,0,0.2);
}
.scheduleButton a:hover {
	background-color: #999999;
}
.scheduleButtonx a {
	color: #FFFFFF;
	text-decoration: none;
}
.scheduleButtonHead {
	font-size: 24px;
}

#frontTopContainer {
	position: relative;
	width: 1200px;
	max-width: 98%;
	margin: auto;
	overflow: visible;
}
#frontTopContainer h1 {
	position: absolute;
	bottom: 5%;
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 48px;
	font-weight: normal;
	color: #FFFF99;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	margin-bottom: 0px;
	width: 100%;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
	background-color: rgba(0,0,0,0.35);
	z-index: 50;
}
#frontTopContainer h1 a {
	color: #FFFF99;
	text-decoration: none;
}

#frontColContainer {
	width: 1200px;
	max-width: 98%;
	margin: auto;
	overflow: visible;
}


#frontLeftCol {
	width: 65%;
	max-width: 100%;
	margin-top: 25px;
	float: left;
}
#frontRightCol {
	width: 32%;
	max-width: 100%;
	margin-top: 15px;
	float: right;
	vertical-align: middle;
}
#pageLeftCol {
	width: 62%;
	max-width: 100%;
	margin-top: 25px;
	float: left;
}
#pageRightCol {
	width: 35%;
	max-width: 100%;
	margin-top: 25px;
	float: right;
	vertical-align: middle;
}
h1 {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #A60000;
	text-decoration: none;
	padding: 0px;
	margin-bottom: 0px;
	text-transform: capitalize;
}
h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
h1 a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}
h2 {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #A60000;
	text-decoration: none;
	margin-bottom: 8px;
}
h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
h2 a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}
h3 {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #A60000;
	text-decoration: none;
	padding: 0px;
	margin-bottom: 0px;
}
h4 {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #A60000;
	text-decoration: none;
	padding: 0px;
	margin-bottom: 0px;
}

.basicTxt {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: 145%;
	color: #333333;
	text-decoration: none;
}
.basicTxt a {
	color: #333333;
	text-decoration: underline;
}
.basicTxt a:hover {
	color: #999999;
	text-decoration: none;
}
.smallTxt {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 135%;
	color: #333333;
	text-decoration: none;
}
.xSmall {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.smallTxt a, .xSmall a {
	color: #333333;
	text-decoration: underline;
}
.smallTxt a .redboldTxt {
	color: #A60000;
	text-decoration: underline;
}
.smallTxt a:hover, .xSmall a:hover {
	color: #999999;
	text-decoration: none;
}
.boldred {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #A60000;
	text-decoration: none;
	font-weight: bold;

}
.counterTxt {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 60px;
}
.largeTxt {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	line-height: 145%;
	color: #FFFFFF;
	text-decoration: none;
}
.largeTxt a {
	color: #FFFFFF;
	text-decoration: underline;
}
.largeTxt a:hover {
	color: #DDDDDD;
	text-decoration: none;
}
.boldTxt {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
}
.redboldTxt {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	color: #A60000;
}
#frontList {
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	color: #FFFFFF;
	line-height: normal;
	text-decoration: none;
	margin-left: 50px;
}
#frontList li {
	margin-top: 18px;
	margin-bottom: 18px;
}
#frontList li a {
	color: #FFFFFF;
	text-decoration: none;
}
#frontList li a:hover {
	color: #666666;
	text-decoration: underline;
}
#frontGift .giftContain {
	position: absolute;
	top: 101%;
	display: none;
	text-align: center;
}
#frontGift .giftContent {
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #FFFFFF;
	background-color: #FF6600;
	border: solid 1px #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
}
#frontGift:hover div {
	display: block;
}
.picShadow {
	border-radius:8px;
	border: 4px solid #FFFFFF;
	box-shadow:3px 3px 10px rgba(0,0,0,0.3);
	margin: auto;
	display: block;
}

#Footer {
	clear:both;
	position: relative;
	margin: 0px auto 0px auto;
	width: 1200px;
	max-width: 100%;
	background-color: #A60000;
	border-top: solid 1px #FFFFFF;
	padding: 12px auto;
	overflow:hidden;	
}
#footerContainer {
	position: relative;
	width: 100%;
	margin: auto;
	display: table;
}
#footerLogo {
	position: relative;
	width: 35%;
	max-width: 90%;
	margin: 20px 10px 20px 25px;
	font-family: 'noto_sansitalic', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
	display: table-cell;
}
#footerLogo img {
	width: 350px;
	max-width: 100%;
	margin-bottom: 9px;	
}
#footerInfoContainer {
	position: relative;
	width: 100%;
	margin: auto;
	display: table-cell;
	text-align:center;
}
.footerInfo {
	position: relative;
	font-family: 'noto_sansitalic', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	margin: 15px;
}
.footerInfo img {
	margin: 0px 5px;
}
.footerInfo a {
	color: #FFFFFF;
	text-decoration: none;
	
}
.footerInfo a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footerSlogan {
	position: relative;
	text-align: center;
	margin: 25px auto;
	font-family: 'noto_sansitalic', sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: none;
}
#footerSlogan a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerSlogan a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footerCopyright {
	position: relative;
	text-align: center;
	margin: 18px auto 8px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	clear: right;
	width: 1100px;
	max-width: 90%;
	
}
#Footer ul {
	margin: 12px 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;	
}
#Footer ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;	
}
#Footer ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}
#Footer ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.clearBoth {
	clear:both;
}
.mobileOnly {
	display: none;
}

.basicLink {
	color: #58595B;
	text-decoration: none;
	font-weight: bold;
}
.basicLink:hover {
	color: #FFFFFF;
	background-color: #CCCCCC;
}
.googleMap {
	position: relative;
	width: 790px;
	max-width: 98%;
	height: 600px;
	margin: auto;
	border-radius:8px;
	border: 4px solid #FFFFFF;
	box-shadow:3px 3px 10px rgba(0,0,0,0.3);
	display: block;
}
.viewMore {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 18px;
	border-radius:8px;
	border: 2px solid #FFFFFF;
	box-shadow:3px 3px 10px rgba(0,0,0,0.3);
	margin: auto;
	background: #FF6600;
	text-decoration: none;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
#appointment {
	position: relative;
	width: 550px;
	max-width: 90%;
	margin: auto;
}
#appointment input[type=text] {
	position: relative;
	width: 100%;
	float: right;
}
.baseTxt {
	display: none;
}

/* special containers */
#spOne, #spTwo, #spThree {
	cursor: pointer;
}
#specialOne, #specialTwo, #specialThree {
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 200;
}
#specialContainer {
	position: relative;
	width: 550px;
	max-width: 78%;
	top: 8%;
	margin: auto;
	background-color: #A60000;
	border: 4px dashed #FFFFFF;
	border-radius: 12px;
	box-shadow: 5px 5px 6px rgba(0,0,0,0.2);
	padding: 12px;
	text-align: center;
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#specialContent{
	position: relative;
	width: 96%;
	margin: auto;
	overflow: hidden;

}

.sp-close {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	right: 25px;
	cursor: pointer;
	z-index: 210;
}

.sp-close::before,
.sp-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 4px;
	background: #FFFFFF;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sp-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sp-close:hover::before,
.sp-close:hover::after {
	background: #333;
}
.desktopOnly {
	display:inline;
}
.affiliateLinks {
	display: inline;
	width: 300px;
	max-width: 20%;
	margin: 10px 20px;
	overflow: visible;
	text-align: center;
}
.affiliateLinks img {
	max-width: 150px;
}
#verfiedReviews {
	position: relative;
	width: 100%;
	border: solid 1px #FFFFFF;
	background-color:#A60000;
}
#verfiedReviewsContent {
	position: relative;
	width: 90%;
	margin: auto;
}
#verfiedReviewsContent h3 {
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
}
#verfiedReviewsContent a {
	color: #FFFFFF;
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin-bottom: 0px;
	margin: 6px auto;
}
.testimonials {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: oblique;
	font-weight: bold;
	text-align: left;
}
.tessigs {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-left: 35px;
	vertical-align: 10%;
}
.headr {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-indent: 10px;
}
.formContainer {
	position: relative;
	width: 800px;
	max-width: 94%;
	margin: auto;
}
.formLeft {
	position: relative;
	clear:both;
	width: 38%;
	float: left;
	display: inline;
	text-align: right;
}
.formRight {
	position: relative;
	width: 59%;
	float: right;
	diplay: inline;
	margin-bottom: 12px;
}
.formRight input {
	width: 80%;
}
.formRight textarea {
	width: 80%;
}
#daveFront {
	float: right;
	margin-left: 18px;
	margin-top: 18px;
	text-align: center;
	max-width: 35%;
}
.frontPicOne {
	float: left;
	margin-right: 18px;
	margin-top: 20px;
	max-width: 55%;
}
.frontPicTwo {
	float: left;
	margin-right: 18px;
	margin-top: 3px;
	max-width: 55%;
}
.swimmingPic {
	float: left;
	margin: 5px 15px 5px 0px;
	border: solid 1px #000000;
}
.oiltankPic {
	float: left;
	margin: 5px 15px 5px 0px;
}
.woodPicOne {
	float: left;
	margin: 5px 15px 5px 0px;
	max-width: 25%;
}
.woodPicTwo {
	float: right;
	margin: 5px 0px 5px 15px;
	max-width: 25%;
}
.moldTable {
	position: relative;
	width: 550px;
	max-width: 88%;
}
.youtubeVid {
	max-width: 88%;
}
#outsideReviews {
	position: relative;
	width: 90%;
	text-align: center;
	border: solid 2px #A60000;
	border-radius: 12px;
	margin: auto;
}
#outsideReviews h2 {
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding: 9px 0px;
	margin: 0px;
	background-color: #A60000;
	border-radius: 10px 10px 0px 0px;
}
.samplePicRight {
	width: 260px;
	max-width: 45%;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: solid 1px #333333;
}
.samplePicLeft {
	width: 260px;
	max-width: 45%;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: solid 1px #333333;
}

@media only screen and (max-width: 1200px) {

    #HeadArea {
	position: relative;
	margin: 14px auto 0px auto;
	width: 100%;
	padding-bottom: 10px;
	}
	#socialIcons img {
	margin: 6px 30px;
	display: block;
	}
	#MainArea {
	border-left: solid 0px #BBBBBB;
	border-right: solid 0px #BBBBBB;
	}
	#Footer {
	margin-bottom: 0px;
	}
	.googleMap {
	height: 500px;
	}
	.footerInfo {
	margin: 15px 5px;
	}
	.footerInfo img {
	margin: 0px 3px;
	}

}


@media only screen and (max-width: 960px) {
	#header {
	padding-top: 2px;
	}
	#HeadArea {
	display: block;
	text-align: center;
	}
	#logo {
	width: 100%;
	min-width: 250px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 3px;
	display: block;
	font-size: 16px;
	}
	#logo img {
	width: 500px;
	max-width: 86%;
	height: auto;
	margin: auto;
	}
	#socialIcons {
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: block;
	}
	#socialIcons img {
	margin: 0px 10px;
	display: inline-block;
	}
	#textIcon {
	margin-top: 8px;
	width: 35px;
	}
	.headerInfo {
	display:inline-block;
	width: 100%;
	}
	#contactImg img {
	margin-left: 16px;
	margin-right: 16px;
	}
	#frontLeftCol {
	float: none;
	width: 100%;
	}
	#frontRightCol p, #frontRightCol h4 {
	text-align: center;
	}
	#frontRightCol {
	width: 100%;
	max-width: 100%;
	margin-top: 5px;
	padding-bottom: 65px;
	float: none;
	}
	h1, h2 {
	margin-top: 30px;
	text-align: center;
	}
	#pageLeftCol, #pageRightCol {
	width: 98%;
	margin-top: 25px;
	float: none;
	margin: auto;
	}

	.mobileOnly {
	display: inline-block;
	}
	
	#footerLogo, #footerCopyright {
	display: none;
	}
	.footerInfo {
	margin: 15px 25px;
	}
	.footerInfo img {
	margin: 0px 5px;
	}
	#Footer ul {
	display: none;	
	}
	#footerSlogan {
	display: block;
	}
	#frontList {
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #58595B;
	line-height: normal;
	text-decoration: none;
	margin-left: 0px;
	padding: 0px;
	text-align: center;
	list-style:none;
	}
	#frontList li {
	text-align: center;
	}
	#frontGift .giftContain {
	width: 100%;
	}
	#frontGift .giftContent {
	margin: auto;
	}
	.googleMap {
	height: 350px;
	}
	.fLeft, .fRight {
	float: none;
	display: block
	}
	.desktopOnly {
	display:none;
	}
	#frontTopContainer h1 {
	font-size: 36px;
	}
	#specialContainer {
	position: relative;
	width: 550px;
	max-width: 90%;
	top: 8%;
	margin: auto;
	background-color: #A60000;
	border: 4px dashed #FFFFFF;
	border-radius: 12px;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	padding: 0px;
	text-align: center;
	font-family: 'DejaVuSansCondensedBold', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	}
	.formContainer {
	max-width: 98%;
	}
	.formRight input {
	width: 90%;
	}
	.formRight textarea {
	width: 90%;
	}
	
	h1 {
	font-size: 24px;
	}
	h2 {
	font-size: 24px;
	}
	h3 {
	font-size: 18px;
	}
	h4 {
	font-size: 16px;
	}

	.basicTxt {
	font-size: 16px;
	}
	.smallTxt {
	font-size: 14px;
	}
	.xSmall {
	font-size: 14px;
	}
	.boldred {
	font-size: 16px;
	}
	.counterTxt {
	font-size: 10px;
	}
	.largeTxt {
	font-size: 24px;
	}
	.frontPicOne, .frontPicTwo {
	max-width: 30%;
	margin-top: 5px;
	margin-bottom: 0px;
	}

}

@media only screen and (max-width: 750px) {
	.fourColumnContainer, .fiveColumnContainer {
	display: block;
	width: 98%;
	margin:auto;
	text-align: center;
	}
	.fourColumn, .fourColumnSpecial {
	width: 99%;
	padding: 8px 0px;
	display: inline-block;
	margin: 5px auto;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	}
	.fiveColumn {
	width: 125px;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	}
	#logo {
	font-size: 14px;
	}
	.footerInfo {
	text-align:center;
	}
	.googleMap {
	height: 300px;
	}
	#frontTopContainer h1 {
	font-size: 24px;
	}
	#daveFront {
	float: none;
	margin-left: auto;
	margin-right: auto;
	}
	.frontPicOne, .frontPicTwo, .swimmingPic, .oiltankPic {
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	margin-bottom: 8px;
	max-width: 75%;
	display: block;
	}
	#affiliateLogos img {
	max-width: 20%;
	}
	.formContainer {
	max-width: 80%;
	}
	.formLeft {
	clear:both;
	width: 100%;
	float: none;
	margin-bottom: 3px;
	text-align: right;
	}
	.formRight {
	clear:both;
	width: 100%;
	float: none;
	diplay: inline;
	margin-bottom: 12px;
	}
	.formRight input {
	width: 100%;
	}
	.formRight textarea {
	width: 100%;
	}
	h1 {
	font-size: 21px;
	}
	h2 {
	font-size: 21px;
	}
	h3 {
	font-size: 16px;
	}
	h4 {
	font-size: 16px;
	}

	.basicTxt {
	font-size: 16px;
	}
	.smallTxt {
	font-size: 16px;
	}
	.xSmall {
	font-size: 16px;
	}
	.boldred {
	font-size: 16px;
	}
	.counterTxt {
	font-size: 10px;
	}
	.largeTxt {
	font-size: 24px;
	}
	#outsideReviews h2 {
	font-size: 21px;
	}
	
}