body,html{width:100%;height:100%;margin:0;padding:0;}

.container{
	width:900px;margin:0 auto;padding:0;overflow:hidden;position:relative;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.mobile{display:none;}

#background{display:none;}

/*Navigation*/
#nav{width:900px;background:#fff;height:30px;margin:0 auto;position:relative;}
#nav figure{			
	display:block;margin:0;padding:10px;width:80%;position:Absolute;left:0;top:0px;width:250px;background:#fff;z-index:100;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-box-shadow:0 8px 6px -6px black;-moz-box-shadow:0 8px 6px -6px black;box-shadow:0 8px 6px -6px black;
}
#nav figure img{display:block;width:90%;height:auto;margin:0 auto;}
#nav ul{list-style:none;margin:0 auto;padding:0;width:900px;}
#nav ul li{
	float:right;height:30px;padding:8px 25px 5px 25px;border-left:1px solid #e0e0e0;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#nav ul li:first-child{padding:5px 20px 0 20px;border-right:1px solid #e0e0e0;}
#nav ul li a{display:block;color:#808080;text-decoration:none;font-size:0.8em;}
#nav ul li a img{display:block;width:20px;height:auto;}

#hamburger{display:none;}

/*Header*/
header{
	width:100%;height:450px;border-bottom:1px solid #303030;position:relative;z-index:1;
	background:url('../_img/lawns/driver.jpg') no-repeat;background-size:cover;background-position:top right;
	-webkit-box-shadow:inset 0 0 200px rgba(0,0,0,0.5);
	   -moz-box-shadow:inset 0 0 200px rgba(0,0,0,0.5);
	        box-shadow:inset 0 0 200px rgba(0,0,0,0.5);
}
	header article{
		width:550px;;height:200px;top:100px;left:7.5%;position:Absolute;
		-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
		
	}
	header article h5 {
		text-align:Center;color:#f0f0f0;font-size:1em;margin:15px 0 0 0;padding:0;text-shadow:0 1px 1px rgba(0,0,0,0.7);
	}
	header article h2{
		text-align:center;color:#fff;font-size:4em;margin:0;padding:0;text-shadow:0 1px 1px rgba(0,0,0,0.7);
	}
	header article button{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,0.4);border:1px solid #fff;color:#fff;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
		-webkit-box-raidus:5px;-moz-border-radius:5px;border-radius:5px;width:400px;margin:20px 0 0 12%;padding:20px 10px;
		text-transform:uppercase;letter-spacing:6px;font-size:1em;cursor:pointer;outline:none;
	}

/*About*/
#about{overflow:hidden;padding:70px 0 100px 0;}
#about hgroup{width:33%;float:left;}
#about hgroup h1{margin:2px 0 0 0;font-size:2em;line-height:40px;padding:0;text-align:right;color:#404040;}
#about hgroup h3{font-size:0.8em;margin:4px 0 0 0;text-align:right;color:#3a9d4a;}
#about p{
	width:30%;float:left;margin:0 0 0 3%;padding:5px 10px;font-size:0.75em;line-height:20px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

/*Feature*/
#feature{width:100%;background:#59c160;}
	#feature-main-contain{width:50%;float:left;}
	#feature-main-contain img{display:block;width:100%;height:auto;opacity:0.95;}
	#feature-main-content{width:50%;float:left;}
	#feature-main-content p{width:50%;margin:50px auto 0 auto;line-height:25px;color:#fff;font-size:0.8em;}
	#quote-author{display:block;font-style:italic;text-align:right;font-size:1em;color:#fff;width:50%;margin:10px auto 0 auto;}

/*Request Quote*/
#request-quote{background:#f8f8f8;border-top:1px solid #dadada;padding:25px 0;margin:10px 0 0 0;}
	#request-quote h4{display:none;text-align:center;padding:25px 0;color:#707070;}
	#request-quote form{width:500px;margin:0 auto;overflow:hidden;}
	#request-quote form input{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		display:block;width:100%;padding:10px 7px;margin:0 0 7px 0;outline:none;border:1px solid #dadada;font-size:0.75em;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;	
		-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	}
	#request-quote form textarea {
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		display:block;width:100%;padding:10px 7px;margin:0 0 7px 0;outline:none;border:1px solid #dadada;font-size:0.75em;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:80px;
		-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	}

	#fname,#femail{display:none;color:red;font-size:0.8em;margin:10px 0 5px 0;}

#req-button{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;	
	display:block;width:500px;margin:10px auto;text-align:center;text-transform:uppercase;padding:20px 0;font-size:1em;letter-spacing:5px;
	background:rgba(255,255,255,0);outline:none;border:1px dashed #339d3c;color:#339d3c;font-weight:normal;opacity:0.6;
}
	#request-quote form input[type=submit]{
		display:block;width:120px;text-align:center;padding:10px 0;float:right;opacity:0.75;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:Border-box;
		outline:none;border:1px solid #59c161;background:#59c161;color:#fff;
	}
	#request-quote form input[type=submit]:hover{opacity:1}

/*Footer*/
footer{width:100%;background:#f8f8f8;padding:50px 0 20px 0;border-top:1px solid #d8d8d8;clear:both;}
	footer hr{outline:none;border:none;border-top:1px solid #d8d8d8;width:700px;margin:0 auto;}
	footer img{display:block;width:150px;height:auto;margin:10px auto;}
	footer ul{list-style:none;margin:0 auto;padding:10px 0;overflow:hidden;width:180px;}
	footer ul li{float:left;color:#bbb;}
	footer ul li a{color:#bbb;font-size:0.7em;text-transform:uppercase;text-decoration:none;}
	footer ul li a:hover{text-decoration:underline;color:#999;}

/*Call Button*/
#call-us{
	width:135px;margin:10px auto;padding:8px 10px;display:block;border:1px solid #d8d8d8;font-size:0.75em;color:#808080;text-decoration:none;
	background:url('../_img/phone-39-64.ico') no-repeat #fff;background-size:18px 18px;background-position:7px center;text-align:right;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
	#call-us:hover{box-shadow:none;}

/*Soiree Creation Tag Signature*/
#creation-tag{text-align:center;font-size:0.6em;display:block;color:#d8d8d8;margin:20px 0 0 0;}



/*Landscape Tablet*/
@media (max-width:1024px) {
	
	.container{width:100%;margin:0;padding:0 50px}
	#feature .container{padding:0;}
	
	/*Header*/
	#nav{width:100%;}
	
	/*Navigation*/
	#nav ul{width:100%;}
	
	
}

/*Portrait Tablet*/
@media (max-width:900px){

	.container{padding:0 20px;}
	
	#benefits ul, #tips ul { width: 100%; }
	
}

/*Phone*/
@media (max-width:767px) {
	#contact-link{display:none;}
	
	#background{display:none;position:fixed;top:0;left:0;z-index:400;background:rgba(0,0,0,0.4);width:100%;height:100%;}
	
	#nav{
		width:100%;height:60px;position:fixed;top:0;left:0;z-index:800;
		-webkit-box-shadow:0 4px 3px -3px rgba(0,0,0,0.25);-moz-box-shadow:0 4px 3px -3px rgba(0,0,0,0.25);box-shadow:0 4px 3px -3px rgba(0,0,0,0.25);
	}
	#nav ul{
		position:fixed;width:50%;top:0;left:-50%;background:#fff;height:100%;z-index:700;padding:60px 0 0 0;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	}
	#nav ul li{
		width:100%;float:none;border-bottom:1px solid #e0e0e0;padding:0px;height:auto;
	}
	#nav ul li:first-child{padding:0px;}
	#nav ul li:last-child{display:none;}
	#nav ul li a{padding:20px;text-align:center;font-size:1em;}
	#nav figure {
		right:0;width:auto;height:60px;margin:0;padding:0;position:relative;z-index:990;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizng:border-box;
		box-shadow:none;border-bottom:1px solid #d8d8d8;
	}
	#nav figure img{height:100%;width:auto;}
	
	#hamburger{
		display:block;position:absolute;left:0;top:0;width:60px;height:auto;z-index:1000;opacity:0.7;cursor:pointer;border-right:1px solid #d8d8d8;
	}
	
	header article{width:100%;left:0;}
	header article h5{margin-top:50px;}
	header article h2{font-size:2.5em;}
	header article button {width:90%;margin:20px 0 0 5%;}
	
	/*About*/
	#about{padding:20px 0 50px 0;}
	#about hgroup{width:100%;float:none;}
	#about hgroup h1{text-align:center;}
	#about hgroup h3{text-align:center;}
	#about p{display:none;}
	#about p.mobile{display:block;width:100%;float:none;margin:15px auto;text-align:center;}
	
	/*Feature*/
	#feature-main-contain,#feature-main-content{width:100%;float:none;}
	#feature-main-content p{margin:15px auto 5px auto;width:80%;text-align:center;}
	#quote-author{margin:10px auto;text-align:center;}
		
	/*Request Quote*/
	#req-button{width:90%;margin:10px auto;font-size:0.8em;}
	#request-quote form{width:90%;margin:0 auto;}
	#request-quote form input[type=submit] {float:none;margin:0 auto;}
	
	footer{padding:0 0 20px 0;}
	.mobile{display:block;}
}