/*home */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

#hp_graphic {
background-image:url(hp_background.jpg);
background-size:cover;
background-position:50% 50%;
padding:100px 0 200px;
box-shadow:inset 0px 3px 8px 0px rgba(0,0,0,0.64);
}
#hp_graphic div.container {
text-align:center;
color:#fff;
text-shadow:2px 2px 2px #000;
font-size:80px;
font-weight:800;
line-height:1em;
font-family:'Open Sans';
}
#hp_graphic .container div {
font-size:48px;
font-weight:600;
}
#hp_graphic_text {
margin-top:-120px;
background-color:rgba(0,0,0,0.5);
padding:20px 0;
height:80px;
}
#hp_graphic_text p {
color:#fff;
font-size:32px;
float:left;
}
#hp_graphic_text a.button_link {
float:right;
}
#hp_services {
padding:15px 0;
}
#hp_services .span4 {
padding-top:140px;
background-position:50% 0%;
background-repeat:no-repeat;
text-align:center;
}
#hp_services .tree {
background-image:url('tree-services.png');
}
#hp_services .lawn {
background-image:url(lawn-service.png);
}
#hp_services .environmental {
background-image:url(environmental-service.png);
}
#hp_services .span4 p {
padding:0 15px;
font-size:13px;
line-height:1.2em;
}
#hp_contact {
background-image:url(hp_bg2.jpg);
background-size:cover;
background-position:50% 50%;
padding:30px 0;
}
#hp_contact h2 {
color:#fff;
font-size:48px;
line-height:1em;
margin:40px 0 10px;
}
#hp_contact .span8 span {
color:#fff;
font-size:28px;
}
#hp_contact input,#hp_contact input textarea {
display:block;
}
#estimate_form {
display:none;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {
#hp_graphic div.container {
font-size:48px;
}
#hp_graphic .container div {
font-size:36px;
}
#hp_graphic_text p {
font-size:24px;
}

}

@media (max-width: 767px) {
#hp_graphic div.container {
font-size:32px;
font-weight:700;
}
#hp_graphic .container div {
font-size:20px;
}
#hp_graphic_text div.container {
text-align:center;
}
#hp_graphic_text p {
font-size:18px;
float:center;
}
#hp_graphic_text a.button_link {
margin-right:10px;
}
#hp_contact * {
text-align:center;
}
#hp_contact input,#hp_contact input textarea {
margin:10px auto;
}

}

@media (max-width: 480px) {
#hp_graphic_text {
text-align:center;
}
#hp_graphic_text p {
font-size:14px;
}
#hp_graphic_text a.button_link {
float:center;
margin-right:auto;
margin:0px auto;
}

}
