body {background: #98a284;}

h1,h2,h3,h4,h5,h6 {
	  font-family: 'Sanchez', serif;
	  font-weight: 100;
	  color: #222;
}

h1 {padding-top: 50px;color: #daddd2;}
.logo h1 {padding-top: 0;}
h2 {
	color: #daddd2;
	font-family: 'Sanchez', serif;
	color: #222;
	font-size: 1.65rem;
	line-height: 1.56;
	text-transform: uppercase;
}
.grid-container {padding-top: 25px;}


.callout {background: #98a284;}
.phone {text-align:center;font-size: 1.3rem;}
.top-bar, .top-bar ul {padding-top: 15px;font-family: 'Sanchez', serif;background: #98a284;font-size: 1.2rem;font-weight: 500;}
ul.dropdown.menu a {background-color: #98a284; color: #000; }
ul.dropdown.menu a:hover {background-color: #daddd2; color: #000;font-weight: 500;}



#masthead {padding-top: 25px; padding-bottom: 25px;}

p.intro {padding: 25px 0 5px 0;}

.box h2 {
	color: #000;
	border-top: 4px double #444;
	border-bottom: 1px solid #444;
	margin-bottom: .975em; /* 3/4 of 1.3 */
	text-align: center;
		}
footer{
padding: 32px 0;
	
	color:#444;
	font-size: .85rem;
	font-weight:200;
}

footer p {color:#333;
	font-size: .855rem;
	font-weight:500;}
footer p a {color: #ccc;}
.infobox {
	margin-top: 20px;
	padding: 20px;
	background-color: #aeb69f;
}

.infobox p {padding: 20px 20px 20px 0;}
.infopic img {	text-align: center;}

blockquote p {color: #daddd2;}
@media  screen and (min-width: 40em) {
ul.dropdown.menu a:hover {background-color: transparent;border-bottom: 3px solid #daddd2; color: #000;font-weight: 500;}
	
}
@media  screen and (min-width: 45em) {
	
.phone {text-align:right;margin-right:70px;}	
	
	
}