/* CSS Document */

body {background: #CCC url(../images/bg.jpg); padding:0; margin:0; font-size:100%; font-family:Arial, Helvetica, sans-serif;}
* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}

@font-face {
    font-family: 'biregular';
    src: url('webfont.eot');
    src: url('webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont.woff') format('woff'),
         url('webfont.ttf') format('truetype');
         
    font-weight: normal;
    font-style: normal;

}

.wrapper {width:80%; margin:0 auto; max-width:1440px;  border:0px #999999 dashed; }
header {margin:0 auto; height:150px; border:0px #999999 dashed; position:relative;}

.h-logo,  .h-strap,  .h-tel, .h-fb {position:absolute;}
.h-logo {bottom:20px; left:0;}
.h-strap {top:8px;  left: calc(50% - 246px); }
.h-tel {right:0; bottom:8px;}
.h-fb {top:4px; right:0; }

nav, footer {background:#482800; border-radius:10px; overflow:hidden; color:#FFF;}
img {border:0; vertical-align:bottom;}
nav {margin:0 auto; text-align:center;}

nav a {color:#FFFFFF; font-size:120%; padding:0.8%; text-decoration:none; display:inline-block; text-shadow:1px 1px #000; }
nav a:hover {background:#664214;}
.navsml{width:15%}
.navmed {width:21%;}
.navlge {width:28%;}
.m-menu {display:none;}

.content {margin:0 auto; background:#FFF; padding:15px; width:98%; border-left:1px #482800 solid; border-right:1px #482800 solid; }

.content h2, .content h3, .page-head {margin:0;}

.page-head {text-align:center; padding:0 10px 10px 10px; margin:0; font-size:150%;  font-family: 'biregular'; letter-spacing:1px}
.large-heading {font-size:180%; padding:8px 0 8px 0; letter-spacing:0.5px}



/* Default Styles */
.fright {float:right;}
.fleft {float:left;}
.zmt {margin-top:0;}
.acenter {text-align:center;}
.aleft { text-align:left;}
.aright { text-align:right;}
.img {border:0;}
.med-text {font-size:100%; font-weight:bold; margin:0; padding:2px 0 8px 0; letter-spacing:1px}
.normal-text {font-size:96%; padding:0 0 8px 0;}
.small-text {font-size:70%;}
.large-text {font-size:130%; font-weight:bold;}
.clear {clear:both;}
.error {border:3px #b90900 solid; padding:6px; font-weight:bold; background:#FFF; }
form {margin:0; }
a {text-decoration:none;}

/* GRIDS */
.grid-wrapper {margin:0 auto;  margin:16px 0 16px 0; clear:both;  border:0px #666 solid; width:100%; overflow:hidden;}
.grid-wrapper ul { list-style-type:none; margin:0; padding:0;  }
.grid-wrapper li {width:49%; float:left; vertical-align:top; background:#d4ccc1;  margin: 4px 1% 10px 1%; border-radius: 8px; border:1px #FFF solid; text-align:center }
.grid-wrapper li:hover {border:1px #482800 solid; }

.grid-wrapper h4 {margin:0; background:#482800; border-radius:8px 8px 0 0; padding:2% 0 2% 0; color:#FFF; text-shadow:1px 1px #000;}
.grid-wrapper img {width:100%; height:auto; max-width:350px;}
.grid-wrapper p { padding:4px;}

.grid3 li {width:32.6%;  }
.grid3 li:nth-child(n+0){margin:0 0 10px 1%; }
.grid3 li:nth-child(3n+1) {margin-left:0;}
.grid3 li:nth-child(3n+0) {margin-right:0;}

.whitebox {background:#FFF; margin:4%; min-height:190px; }
.whitebox p {border-bottom: 1px #e3ded7 solid; margin:3%}
.whitebox p:nth-child(3n+0) {border: none}

.call-text {font-weight:bold; color:#dd0000; text-shadow:1px 1px #c9c9c9;}


footer {padding:12px; font-size:80%}
footer p {margin:0; padding:6px;}
footer a {color:#FFF;}

.googlemap {float:right; border:1px #ccc solid; padding:4px; border-radius:6px; background:#f1f1f1;}


@media screen and (max-width: 1200px) {
	
	/*.h-strap {left:42%;}*/


}
@media screen and (max-width: 1100px) {
	.wrapper {width:100%; min-width:300px;}
	.content {width:100%}
	nav, footer { border-radius:0;}

	/*.h-strap {left:42%;}*/
	.h-logo {left:6px}
	.h-tel {right:6px}
	.h-fb {right:6px; }

	
}
@media screen and (max-width: 860px) {
/*.h-strap {display:none;}*/
nav a {font-size:95%;  }
.h-tel {height:50px; width:auto;}

}
@media screen and (max-width: 740px) {
header {height:120px;}
.h-logo, .h-tel {bottom:8px}
.h-logo {width:360px; height:auto;}
.h-strap {width:400px; height:auto;  left: calc(50% - 200px);}
}


@media screen and (max-width: 600px) {
header {height:164px; text-align:center}
.h-logo, .h-strap {width:320px; height:auto;}
.h-tel, .h-logo, .h-strap {position:relative; margin:0 auto; left:0; right:0; bottom:0; top:0; margin:4px;}
.h-fb {display:none; }
img.resize {width:70%; height:auto;}

.m-menu {display:block;}
.sitenav {display:none;}
.navsml, .navmed, .navlge {width:80%; padding:10px; display:block; background:#6b3e06; margin:2% auto; border-radius:8px}

}

@media screen and (max-width: 500px) {


}