body{background-color: #565843; display: flex;	justify-content: center;}
.body-item{max-width:80%;}
.hr{margin:5px; padding:0; height:2px; width:100%; background: url(images/background.gif) repeat-x;}

a{font:16px Trebuchet MS,Arial,sans-serif; margin:2px; text-align:center; text-decoration:underline; color:red;}
a:hover{font: 16px Trebuchet MS,Arial,sans-serif; margin:2px; text-align:center; text-decoration:underline; color:green;}
h1{font-family: 'Stardos Stencil', cursive; font-size:32px; text-align: center; color:white; padding:0; margin:0;}
h2{font-family: 'Stardos Stencil', cursive; font-size:28px; text-align: center; color:#333; padding:5px; margin:5px; text-shadow: 1px 1px 1px #555;}
h3{font-family: 'Stardos Stencil', cursive; font-size:25px; text-align: left; color:#333; padding:5px; margin:5px; text-shadow: 1px 1px 1px #555;}
h4{font-family: 'Stardos Stencil', cursive; font-size:20px; text-align: left; color:#333; padding:5px; margin:5px;}
.page{
display:flex;
flex-wrap:wrap;
background:#e7decd;
}
.page-item{
width:100%;
margin: 5px;
}
.page-header{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}	
.page-header-logo-item{
background:#e7decd;
max-width:226px;
}
.page-header-logo-item img{
width:100%;
height:auto;
}
.page-header-nav-item{
width:75%;
background:#e7decd;
}

.page-company-info{
display:flex;
}	
.page-company-call-item{
width:100%;
padding:2px;
background: linear-gradient(180deg, #444444, #202020);
}	
.page-promo-box{
display:flex;
flex-direction:row;
flex-wrap:no-wrap;
width:auto;
height: auto;
background:#e7decd;
}
.page-promo-box-item{
margin:2px;
width:33%;
height:auto;
}	
.page-promo-box-item img{
width: 100%;
height: auto;
}
.page-main{
display:flex;
flex-direction:column;
align-items:center;
}
.page-main-item{
background: #e7decd;
}	
.page-footer{}
.page-footer-social-item{
background: #e7decd;
}
.social-bar{
display:flex;
flex-direction:row;
margin: 2px 0 0 0;
padding: 7px 0px;
align-content:center;
justify-content:center;
}
#gplus{
width: auto;
min-width:35px;
height:auto;
min-height:35px;
background: url(images/gplus.png) center left no-repeat;
}				
#facebook{
width: auto;
min-width:35px;
height:auto;
min-height:35px;;
background: url(images/facebook.png) center left no-repeat;
}
#yelp{
width: auto;
min-width:35px;
height:auto;
min-height:35px;
background: url(images/yelp.png) center left no-repeat;
}
#youtube{
width: auto;
min-width:35px;
height:auto;
min-height:35px;
background: url(images/youtube.png) center left no-repeat;
}
#pinterest{
width: auto;
min-width:35px;
height:auto;
min-height:35px;
background: url(images/pinterest.png) center left no-repeat;
}
.page-footer-item{
width:100%;
padding:2px;
background: linear-gradient(180deg, #444444, #202020);
}	
header{	
}	
nav{	 
}
#nav-container ul{
background:url(images/menu_back.png);
margin: 0;
padding:15px 0 0 0;					
list-style-type: none;
text-align: center;
}
#nav-container ul li{ 
display: inline; 
padding-bottom:25px;
border-bottom:5px solid transparent;
}
#nav-container ul li a{
text-decoration: none;
font-family: 'Stardos Stencil', cursive;
font-size:22px;
line-height:42px;
padding:0 25px; 
color: #000;
background:url(images/background.gif) left repeat-y;	
}
#nav-container ul li a:hover{
font-size:26px; 
padding-left:20px;
border-left:5px solid #202020;
background:url(images/background.gif) -200px -200px no-repeat;
}
main{}
section{}	
article{}	
article p{font: 16px Trebuchet MS,Arial,sans-serif;  margin:10px; text-align:justify;}
article img{padding: 5px; margin: 5px; }
.emergency-service {background-color: yellow; border:2px dashed red; padding: 5px;}
.emergency-service h3{color:red; text-align: center;}
.emergency-service p{font: 18px Trebuchet MS,Arial,sans-serif; margin:10px; text-align:justify; color:black;}
ol {background-color:lightgoldenrodyellow;}
ol li{padding: 5px;}
summary{padding-bottom: 25px;}
summary p{font: 16px Trebuchet MS,Arial,sans-serif; margin:10px; text-align:justify;}
details{
}
.product-box{
display:flex;
flex-direction:row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.product-box-item{
padding:10px;
margin: 3px;
background-color:white;
border: 3px dashed #2E2A2A;
background: linear-gradient(#ccc, #fff);
text-align: center;
width:100%;
height:auto;
max-width: 600px;
}
.product-container{
display: inline-block;
vertical-align: top;
padding: 0 0 0 5px;
box-sizing: border-box;
}
.product-container h4{
font-family: 'Stardos Stencil', cursive; font-size:25px; text-align:center; color:black; padding:5px; margin:5px; text-shadow: 1px 1px 1px #555; 
}
.product-container p{
padding: 0;
font-size:15px;
color:#000;
}
#service-coupon{font-family: 'Stardos Stencil', cursive; font-size:32px; text-align:center; color:red; padding:3px; margin:2px; text-shadow: 1px 1px 1px #555;}
.service-box{}
.service-box h3{text-align: center;}
.service-box p{font: 13px Trebuchet MS,Arial,sans-serif;  margin:10px; text-align:center; background-color: bisque;}
.service-box-item{display:flex;
flex-direction:row;
flex-wrap: wrap;
align-items: center;
justify-content: center;}
.contact-box{
display:flex;
flex-direction:row;
flex-wrap: wrap;
justify-content:space-around;
}
.contact-box-1{order: 2; width:40%; padding:5px;}
.contact-box-2{order: 1; width:50%; padding:5px;}
figure{}
figcaption{}
aside{}
footer{
font-family: 'Stardos Stencil', cursive;
font-size:20px;
text-align: center;
color:white;
}
footer a{
color:white;
font-size:20px;
}
footer a:hover{
font-size:20px;
}
.name{font-family: 'Stardos Stencil', cursive; font-size:32px; text-align: center; color:white; padding:0; margin:0;}
.call{
font-family: 'Stardos Stencil', cursive;
font-size:20px;
text-align: center;
color:white;
}
.phone{
font-family: 'Stardos Stencil', cursive;
font-size:42px;
text-align: center;
color:white;
}
.phone a{ 
font-family: 'Stardos Stencil', cursive;
text-decoration:none;
font-size:42px;
text-align: center;
color:white;
}
form-body {
padding-top:25px;
background-color:#232323;
margin-left:10px;
margin-right:10px;
}
.form-container {
max-width:600px;
margin:0 auto;
text-align:center;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background-color:#555555;
}

input {
margin-bottom:10px;
}
textarea {
height:100px;
margin-bottom:10px;
}
input:first-of-type
{
margin-top:35px;
}
input, textarea {
font-size: 1em;
padding: 15px 10px 10px;
font-family: 'Source Sans Pro',arial,sans-serif;
border: 1px solid #cecece;
background: #d7d7d7;
color:#232323;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 80%;
max-width: 600px;
}
::-webkit-input-placeholder {
color: gray;
}
:-moz-placeholder {
color: gray;  
}
::-moz-placeholder {
color: gray; 
}
:-ms-input-placeholder {  
color: gray;  
}
button {
margin-top:15px;
margin-bottom:25px;
background-color:lime;
padding: 12px 45px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid limegreen;
-webkit-transition: .5s;
transition: .5s;
display: inline-block;
cursor: pointer;
width:30%;
color:#fff;
}
button:hover, .button:hover {
background:chartreuse;
}
label.error {
font-family:'Source Sans Pro',arial,sans-serif;
font-size:1em;
display:block;
padding-top:10px;
padding-bottom:10px;
background-color:#d89c9c;
width: 80%;
margin:auto;
color:snow;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}	
@media screen and (max-width: 800px) {
.hr{ display: none;}
.body-item{ max-width:95%;}
.page{align-content:center;}
.page-item{background: none;}
.page-header{
flex-direction: column;
}	
.page-header-logo-item{
width:100%;	
}	
.page-header-nav-item{
width:100%;	
}
.page-company-info{
}
.page-company-call-item{
}		
.page-promo-box{
display:flex;
flex-direction:column;
flex-wrap:no-wrap;
width:auto;
height: auto;
background:#FFF;
}
.page-promo-box-item{
margin:2px;
width:100%;
height:auto;
}
.main-product-page{
display:flex;
flex-direction: column;
}
.main-product-page-item{
width:100%;
height:auto;
}	
.contact-box-1{order: 2; width:100%; padding:10px;}
.contact-box-2{order: 1; width:100%; padding:10px;}
	
label.error {
width: 90%;
}
input, textarea {
width: 90%;
}
button {
width:90%;
}
body {
padding-top:10px;
}  
}
.message {
font-family:'Source Sans Pro',arial,sans-serif;
font-size:1.1em;
display:none;
padding-top:10px;
padding-bottom:10px;
width: 80%;
margin:auto;
color: #FAFAFA;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}