@charset "utf-8";
/* CSS Document */
body {
	min-width: 1200px;	  
	margin:0 auto;
	padding:0px;
	}

 
section#Home  {
	background-image:url("../img/shutterstock_223180249scroll.jpg");
	height: 900px;
 	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
	margin-top:-20px; 
	
	}
	
		
header {
	position:fixed;
	z-index:999;
	top:1%;
	left:-10px;
	left:0%;
	height:50px;
	width:50%;
	background:linear-gradient(to right, rgba(0, 102, 153, 1), rgba(0, 102, 153, 0));
			 
	}
	
header ul li{
  	display:inline;
   	float:left;
 
   }
   
header ul{
	list-style-type: none;
	width:450px;
	padding-left:14%;
		
	   }
   
header ul a{
	text-decoration:none;
	color:#fff;
	font-family: 'Roboto', sans-serif;
    display:block;
  	width:100px;
  	height:50px;
	padding-bottom:10px;
 	outline-style:none;
  
   }
  
    
 .title h1 { 
   position: relative; 
   top: 150px; 
   left: 0%; 
   width: 45%; 
   height:13%;
   font-size:180%;
   font-weight:100;
   line-height:150%;
   font-family: 'Syncopate', sans-serif;
   background: linear-gradient(to right, rgba(0, 102, 153, 1), rgba(0, 102, 153, 0));
   color:	white;
   vertical-align:middle;
   padding-top:20px;
   padding-bottom:15px;
   padding-left:7%;
   text-shadow: 2px 2px 4px #000000;
  
 }

.phone {
	background:linear-gradient(to right, rgba(0, 102, 153, 1), rgba(0, 102, 153, 0));
	height:50px;
	width:50%;
	position:relative;
	top:180px;
	color:	white;
	font-size:130%;
	vertical-align:middle;
	padding-left:7%;
	padding-top:20px;
	font-family: 'Roboto', sans-serif;
	
}

.phone a{
	text-decoration:none;
	cursor:default;
	color:white;
	font-family: 'Roboto', sans-serif;
	text-shadow: 1px 1px 2px #000000;
	}
	
	
.about {
	position:relative;
	top:300px;
	width:100%;
	height: 250px;
	background: linear-gradient(to right, rgba(0, 102, 153, 1), rgba(0, 102, 153, 0));
    color:	white;
	float:left;
	font-size:110%;
	width: 45%;
	font-weight:80;
    line-height:150%;
    font-family: 'Roboto', sans-serif;
   	padding-left:7%;
	padding-top:20px;	
	padding-bottom:15px;
	vertical-align:middle;	
	
	
}
			
section#Domestic{
	background-image:url("../img/housewebweb.jpg");
	height: 900px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
 	background-size: cover;
	margin-top:-24px;
}

#Domestic h1{
	position: relative; 
   	top: 200px; 
   	left: 0%; 
   	width: 50%; 
   	height:4%;
   	font-size:180%;
   	font-weight:100;
   	line-height:150%;
   	font-family: 'Roboto', sans-serif;
	background: linear-gradient(to right, rgba(196, 98, 16, 1), rgba(196, 98, 16, 0));
   	color:	white;
   	vertical-align:middle;
   	padding-top:10px;
   	padding-bottom:15px;
   	padding-left:7%;

}

.range{
	position:relative;
	top:350px;
	width:100%;
	height: 280px;
	background: linear-gradient(to right, rgba(196, 98, 16, 1), rgba(196, 98, 16, 0));
    color:	white;
	float:left;
	font-size:120%;
	width: 70%;
   	font-weight:100;
  	line-height:130%;
   	font-family: 'Roboto', sans-serif;
	padding-top:30px;
	padding-left:7%;
	
}

section#Commercial{
	background-image:url("../img/shutterstock_88537348web.jpg");
	height: 900px;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
 	background-size: cover;	
	margin-top:-25px;
}

#Commercial h1{
	position: relative; 
   	top: 200px; 
   	left: 0%; 
   	width: 70%; 
   	height:7%;
   	font-size:180%;
   	font-weight:100;
   	line-height:150%;
   	font-family: 'Roboto', sans-serif;
  	background: linear-gradient(to right, rgba(0, 51, 102, 1), rgba(0, 51, 102, 0));
   	color:	white;
   	vertical-align:middle;
   	padding-top:20px;
   	padding-bottom:5px;
   	padding-left:7%;
	
}

.commercialrange{
	position:relative;
	top:350px;
	width:100%;
	height: 250px;
	background: linear-gradient(to right, rgba(0, 51, 102, 1), rgba(0, 51, 102, 0));
	color:white;
	float:left;
	font-size:120%;
	width: 70%;
	font-weight:100;
	line-height:130%;
	font-family: 'Roboto', sans-serif;
	padding-left:7%;
	padding-top:35px;
	padding-bottom:15px;	
	}

section#Testing{
	background-image:url("../img/shutterstock_31714783web.jpg");
	height: 900px;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
 	background-size: cover;
	margin-top:-25px;
}

#Testing h1{
	
	position: relative; 
   	top: 160px; 
   	left: 0%; 
   	width: 50%; 
   	height:5%;
   	font-size:180%;
   	font-weight:100;
   	line-height:150%;
   	font-family: 'Roboto', sans-serif;
  	background: linear-gradient(to right, rgba(68, 85, 105, 1), rgba(68, 85, 105, 0));
   	color:	white;
   	vertical-align:middle;
   	padding-top:20px;
   	padding-bottom:15px;
   	padding-left:7%;
	
}
	
.testingrange{
	position:relative;
	top:350px;
	width:80%;
	height: 190px;
	background: linear-gradient(to right, rgba(68, 85, 105, 1), rgba(68, 85, 105, 0));
    color:white;
	float:left;
	font-size:120%;
	width: 70%;
    font-weight:100;
    line-height:130%;
   	font-family: 'Roboto', sans-serif;
   	padding-left:7%;
	padding-top:30px;
	
}


@media screen and (min-width: 480px) {
    footer {
        display: none;}}


@media only screen and (max-width: 480px){
 body {
min-width: 250px;	   
margin:0 auto;
padding:0px;}

section#Home  {
	
	background-image:url("../img/shutterstock_223180249responsive.jpg");
	
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  margin-top:-20px; 
	
	}


header {
	
	display:none;

		 
}


.title h1 { 
   position: relative; 
   top: 50px; 
   width: 100%; 
   height:13%;
   background: linear-gradient(to right, rgba(0, 102, 153, 1), rgba(0, 102, 153, 1));
   padding-left:0%;
   vertical-align:middle;
   text-align:center;}
    
 
.phone {
	background:linear-gradient(to right, rgba(0, 102, 153, 1), rgba(0, 102, 153, 1));
	height:50px;
	width:100%;
	position:relative;
	top:150px;
	color:	white;
	float:left;
	font-size:120%;
	padding-left:0%;
	vertical-align:middle;
	text-align:center;
	padding-top:20px;
	font-family: 'Roboto', sans-serif;
	}
	
.phone a{
	text-decoration:none;
	cursor:default;
	color:white;
	font-family: 'Roboto', sans-serif;
	}
	
.about {
	position:relative;
	top:180px;
	width:100%;
	height: 250px;
	background: linear-gradient(to right, rgba(0, 102, 153, 1), rgba(0, 102, 153, 1));
	color:	white;
	float:left;
	font-size:108%;
	width: 100%;
   	font-weight:80;
   	line-height:150%;
  	font-family: 'Roboto', sans-serif;
   	padding-left:0%;
	padding-top:40px;	
	padding-bottom:20px;
	vertical-align:middle;
	line-height:1;
	text-align:center;	}

section#Domestic{
		background-image: url("../img/housewebresponsive.jpg");
		height: 900px;
  		background-position: 50% 50%;
  		background-repeat: no-repeat;
 	 	background-attachment: fixed;
 	 	background-size: cover;
	 	margin-top:-24px;
}
	
#Domestic h1{
	position: relative; 
   	top: 200px; 
   	width: 100%; 
   	height:4%;
   	font-size:180%;
   	font-weight:100;
   	line-height:150%;
   	font-family: 'Roboto', sans-serif;
  	background: linear-gradient(to right, rgba(196, 98, 16, 1), rgba(196, 98, 16, 1));
   	color:white;
   	text-align:center;
   	vertical-align:middle;
   	padding-left:0%;
	padding-top:20px;
   	padding-bottom:15px;
  
 }


.range{
	position:relative;
	top:350px;
	width:100%;
	height: 330px;
	background: linear-gradient(to right, rgba(196, 98, 16, 1), rgba(196, 98, 16, 1));
  	color:white;
	float:left;
	font-size:120%;
	font-weight:100;
   	line-height:130%;
   	font-family: 'Roboto', sans-serif;
 	padding-left:0%;
	padding-top:30px;
	text-align:center;
	line-height:105%;	
}
	
.range ul{ list-style-type: none;}

section#Commercial{
	background-image:url("../img/shutterstock_88537348responsive.jpg");
	height: 900px;
	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
 	background-size: cover;	
	margin-top:-25px;
}	

#Commercial h1{
	
	position: relative; 
   	top: 200px; 
   	left: 0%; 
   	width: 100%; 
   	height:7%;
   	font-size:180%;
   	font-weight:100;
   	line-height:150%;
   	font-family: 'Roboto', sans-serif;
  	background: linear-gradient(to right, rgba(0, 51, 102, 1), rgba(0, 51, 102, 1));
   	color:	white;
   	vertical-align:middle;
   	text-align:center;
   	padding-left:0%;
	padding-top:20px;
   	padding-bottom:10px;
   
	}

.commercialrange{
	position:relative;
	top:350px;
	width:100%;
	height: 250px;
	background: linear-gradient(to right, rgba(0, 51, 102, 1), rgba(0, 51, 102, 1));
   	color:white;
	float:left;
	font-size:120%;
	font-weight:100;
   	line-height:120%;
   	font-family: 'Roboto', sans-serif;
  	padding-left:0%;
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;
	line-height:100%;
	}
	
.commercialrange ul{ list-style-type: none;}
	
section#Testing{
	background-image: url("../img/shutterstock_31714783responsive.jpg");
	height: 900px;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
 	background-size: cover;
	margin-top:-25px;
}


#Testing h1{
	
	position: relative; 
   	top: 180px; 
   	left: 0%; 
   	width: 100%; 
   	height:5%;
   	font-size:180%;
   	font-weight:100;
   	line-height:150%;
   	font-family: 'Roboto', sans-serif;
  	background: linear-gradient(to right, rgba(68, 85, 105, 1), rgba(68, 85, 105, 1));
   	color:	white;
   	vertical-align:middle;
   	text-align:center;
   	padding-left:0%;
	padding-top:20px;
   	padding-bottom:15px;
   	padding-left:0%;
	
}
	
.testingrange{
	position:relative;
	top:380px;
	width:100%;
	height: 200px;
	background: linear-gradient(to right, rgba(68, 85, 105, 1), rgba(68, 85, 105, 1));
	color:white;
	float:left;
	font-size:120%;
   	font-weight:100;
   	line-height:130%;
   	font-family: 'Roboto', sans-serif;
  	padding-left:0%;
	padding-top:40px;
	text-align:center;
	line-height:100%;
	
}	


.testingrange ul{ list-style-type: none;}
 
 footer img{
	position:relative;
 	top:400px;
 	margin-left: 40%;
   }
 }
	 
}