body, html{            
	font-family: 'Arial', Helvetica, sans-serif;
	color: #444;
}       
#mrKleenXtreme{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
h2{font-size: 30px; font-weight: bold; margin-bottom: 10px; text-align: center;}
h3{font-size: 24px; font-weight: bold; text-align: center;}
p{font-size: 18px; line-height: 24px; }
a{
	color: darkgreen;
	font-weight: bold;
	text-decoration: underline;
}
a:hover{
	color: darkgoldenrod;
	text-decoration: none;
}
header{ margin-bottom: 20px; }
/*HEADER*/
@media(min-width: 100px){
	header{
		background-color: transparent;
		background-image: url(/images/banner--image--mobile.jpg);
		background-position: unset;
		background-size: auto;
		background-repeat: no-repeat;
		height: 275px;
	}
	header .right img{display: none; }
	header .shade{ 
		background: rgba(0,0,0,0.5);
		border-radius: 10px;
		margin-top: 20px;
		width: fit-content; 
		height: auto; 
		padding: 10px;
		margin-left: auto; 
		margin-right: auto;
	}
}
@media(min-width: 768px){
	header{
		/*background-image: url(/images/bg-banner.gif); */
		background-image: url(/images/banner--image.jpg);
		background-color: #417726;
		height: 285px;
		background-repeat: repeat-y;
		background-position: 250px 0px; 
	}
	header .right{		
		background-image: none; 
		height: 285px;
	}
	header .right img{
		display: unset; 
	}
	header .shade{ 
		background: transparent;
		margin-left: unset; margin-right: unset; 
		padding: 0px;
		
	}
}
@media(min-width: 992px){
	header{	background-position: 360px 0px}
}
@media(min-width: 1200px){
	header{	background-position: right 0px}
}


header h1{ 
	color: #fff;
	font-weight: bold; 
	margin-bottom: 0px;
}
header .bannerCopy{
	margin-top: 30px;
}
header .tagline{margin-top: 0px;}
header a.yellowBttn{
	background-color: #fffa64;
	color: darkgreen; 
	font-size: 20px;
	font-weight: bold; 
	border: 3px solid #a5a137;
	border-radius: 10px;
	margin-left: auto; margin-right: auto;
	margin-top: 20px;
}
header a.yellowBttn:hover{
	text-decoration: none; 
	border: 3px solid #1b4505;
	background-color: darkgreen;
	color: #fffa64;
}
header .yellowBttn::after{
	content: '\21E3';
	margin-left: 10px;
}


header p{ 
	color: #fff;
	margin-top: 10px;
}
@media(min-width: 100px){
	header h1{text-align: center; font-size: 32px; }
	header p{ text-align: center; }
	header .bannerCopy{display: none;}
	header .copyArea{text-align: center;}
}

@media(min-width: 768px){
	header h1{text-align: left; font-size: 32px; }
	header p{ text-align: left; font-size: 18px;}
	header .bannerCopy{display: unset;}
	header .copyArea{text-align: unset;}
}
@media(min-width: 992px){
	header h1{font-size: 48px; }
	header p{ font-size: 20px; }
}

/*MAIN*/
main #aboutUs{margin-bottom: 20px;}
main #ourServices{ 
	background-color: #ccc;
	padding: 40px 0px;
}
@media(min-width: 100px){
	main #ourServices .services{margin-top: 10px;}
}
@media(min-width: 768px){
	main #ourServices .services{margin-top: 0px;}
}
main #contactUs{ 
	padding-top: 20px;
	padding-bottom: 40px;
}
main #contactUs p{ 	text-align: center;  }

/*FOOTER*/
footer{
	background-color: #333;
	padding: 10px 0px; 
	width:100%;
	color: #fff;
	text-align: center;
}