/* ==========================================================================
   Custom styles by @nomadicism
   ========================================================================== */

body { margin-bottom: 50px; background-color: hsla(0,0%,97%,1);}

h1, h2, h3, h4 { font-family: 'Raleway', 'Helvetica Neue', Arial, Verdana, sans-serif;}
h1 { font-weight: 700;}
h2, h3, h4 { color: #333; font-weight: 700;}
h2 small { color: inherit;}
h3 { font-size: 18px;}
h4 { font-size: 16px; line-height: 1.3;}

cite { font-style: italic;}

.block { display: block;}
.normal { font-weight: 400;}
.bold { font-weight: 700;}

.tel { text-decoration: none; color: inherit;}
.tel:hover { color: inherit;}
h3 .tel { margin-top: 10px; display: block;}

.jumbotron {
	color: #fff;
	text-shadow: 1px 1px 4px #000;
	background: transparent url('../img/banner-img.jpg') -156px -264px no-repeat;
	border-top: #5b4726 6px solid;
	border-bottom: #5b4726 6px solid;
}
.jumbotron .container { background-color: rgba(0,0,0,.2);}
.jumbotron h1 { font-size: 70px;}
.jumbotron p { font-size: 28px;}

.main h2 { margin-top: 0;}
.main hr { margin-top: 30px; margin-bottom: 30px; border-color: #DFDFDF;}

.well {
	color: #fff;
	background-color: #5B4726;
	background-image: none;
	padding: 12px;
}
.well h3 { margin-top: 0; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.3);}

.callouts { width: 100%;}
figcaption { margin-top: 10px; font-style: italic; color: #666;}

p .btn { display: inline-block; margin-top: 10px;}

@media (min-width: 1250px) {
	.jumbotron { background-position: center center; background-size: cover;}
}

span[itemprop="opens"] { margin-left: 20px;}