@import url("../webfonts/poppinsReg/stylesheet.css");
@import url("../webfonts/ralewayBold/stylesheet.css");
@import url("../webfonts/poppinsBold/stylesheet.css");
/* CSS Document */


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

p, h1, h2, h3, h4 {
	margin-right: 10px;
	margin-left: 10px;
}
#servicesHeader h1 {
	font-family: ralewayBold, sans-serif;
	font-size: 17px;
	font-style: italic;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 12%;
	text-shadow: #000 2px 2px;
}
#servicesHeader {
	background-image: url(../images/main-images/headerbg3.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	margin-bottom:30px;
}
.shadow {
	box-shadow: 6px 6px 5px rgba(0, 44, 115, .3);
	-moz-box-shadow: 6px 6px 5px rgba(0, 44, 115, .3);
	-webkit-box-shadow: 6px 6px 5px rgba(0, 44, 115, .3);
}
#servicesBody h2 {
	font-family: ralewayBold, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	color: #002d73;
	margin-bottom: 0px;
	margin-top: 0px;
}
#servicesBody p {
	font-family: poppinsReg, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}
#services1Right {
	text-align: center;
}
#logos {
	text-align: center;
}
#cta2 {
display:none;		
	
}
#cta2b {
display:block;	
	
}
#cta2b div {
text-align:center;	
	
}

#logos img {
	width: 35%;
	margin-top: 15px;
	margin-bottom: 15px;
	maargin-right: 15px;
	margin-left: 10px;
	display: inline;
}
#cta2 h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2b h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2 div {
	text-align: center;

}
#cta2 p {
	font-family: poppinsReg, sans-serif;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: normal;
}
#gutters2 {
	margin-bottom: 0px;
	margin-top: 30px;
	
	}
#gutterGuard2 {
	margin-bottom: 0px;
	margin-top: 30px;
}
#gutterCleaning2 {
	margin-bottom: 0px;
	margin-top: 30px;
}
#other2 {
margin-bottom: 0px;
	margin-top: 30px;
}
.float {
float:left;
width: 35%;
margin: 10px;	
}
#logos img {
	width: 15%;
	margin-top: 15px;
	margin-bottom: 15px;
	maargin-right: 15px;
	margin-left: 10px;
	display: inline;
}
@media only screen and (min-width: 481px) {
#servicesHeader h1 {
	font-family: ralewayBold, sans-serif;
	font-size: 30px;
	font-style: italic;
	color: #fff;
	line-height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10%;
	text-shadow: #000 2px 2px;
}
#servicesHeader {
	background-image: url(../images/main-images/headerbg2.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
}
#servicesBody h2 {
	font-family: ralewayBold, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	color: #002d73;
	margin-bottom: 0px;
	margin-top: 0px;
}
#servicesBody p {
	font-family: poppinsReg, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 27px;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}
#cta2 h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2b h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2 div {
	text-align: center;

}
#cta2 p {
	font-family: poppinsReg, sans-serif;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: normal;
}
.float {
float:left;
width: 25%;	
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 900px) {
p, h1, h2, h3, h4 {
	margin-right: 0px;
	margin-left: 0px;
}
#servicesHeader h1 {
	font-family: ralewayBold, sans-serif;
	font-size: 45px;
	font-style: italic;
	color: #fff;
	line-height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 8%;
	text-shadow: #000 2px 2px;
}
#servicesHeader {
	background-image: url(../images/main-images/headerbg.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
}
#servicesBody h2 {
	font-family: ralewayBold, sans-serif;
	font-size: 38px;
	font-style: normal;
	line-height: normal;
	color: #002d73;
	margin-bottom: 0px;
	margin-top: 0px;
}
#servicesBody p {
	font-family: poppinsReg, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 25px;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}
#logos img {
	width: 10%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 25px;
	display: inline;
}
#cta2 {
display:block;		
	
}
#cta2b {
display:none;	
	
}
#cta2 h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2b h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2 div {
	text-align: center;

}
#cta2 p {
	font-family: poppinsReg, sans-serif;
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
	margin-top: 0px;
	line-height: normal;
}
#gutters2 {
	margin-bottom: 30px;
	margin-top: 30px;
	
	}
#gutterGuard2 {
	margin-bottom: 30px;
	margin-top: 30px;
}
#gutterCleaning2 {
	margin-bottom: 30px;
	margin-top: 30px;
}
#other2 {
margin-bottom: 30px;
	margin-top: 30px;
}
.float {
float:left;
width: 20%;	
}
}
@media only screen and (min-width: 1130px) {
	#cta2 h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2b h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2 div {
	text-align: center;

}
#cta2 p {
	font-family: poppinsReg, sans-serif;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: normal;
}

}
@media only screen and (min-width: 1300px) {
#servicesBody h2 {
	font-family: ralewayBold, sans-serif;
	font-size: 40px;
	font-style: normal;
	line-height: normal;
	color: #002d73;
	margin-bottom: 0px;
	margin-top: 0px;
}
#servicesBody p {
	font-family: poppinsReg, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 27px;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}
#cta2 h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2b h1 {
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #002d73;
	font-family: ralewayBold, sans-serif;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cta2 div {
	text-align: center;

	
}
#cta2 p {
	font-family: poppinsReg, sans-serif;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: normal;
}
}
@media only screen and (min-width: 1460px) {
}