/*!
 * Start Bootstrap - Full Width Pics HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Merriweather Sans', sans-serif;
	-webkit-overflow-scrolling: touch;
}

.image-bg-fluid-height {
	position: relative;
}

hr {
	border: #5d87c7 solid 1px;
	width: 75%
}
	
.image-bg-fluid-height {
	background: url('../images/simpson_ave_bridge.jpg') no-repeat center top scroll;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	height: 400px;
}

.image-bg-fixed-height {
	background: url('../images/riverside_bridge.jpg') no-repeat center top scroll;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	height: 400px;
}

.navbar-brand {
	text-shadow: 2px 2px #000000;
	font-style: italic;
}

#main-menu {
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav > li > a {
	padding: 10px;
	font-size: 1.5em;
}

.navbar a {
 	padding-top: 20px;
	font-size: 1.8em;
 }

.nav.navbar-nav {
	background-color: #34424D;
	margin: 3px auto;
}

.navbar-inverse .navbar-brand {
  color: #fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #9d9d9d;
  background-color: transparent;
}

.navbar-inverse .navbar-nav  >li > a {
	color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #a2c41b;
}

.navbar .menu_divider {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contact {
	color: #fff;
	font-size: 1.3em;
	display: block;
	z-index: 1000;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}

.contact li {
	display: inline;
}

.contact li::before {
	padding-left: 15px;
	padding-right: 17px;
	content: "•";
}

.contact li:first-child::before {
	content: "";
}

.contact a:link {
	color: #fff;
}

.contact a:visited, .contact a:focus {
	text-decoration: none;
}

#contact h4:nth-child(3) {
	margin-top: 30px;
}

@media(max-width: 768px) {
	.contact {
		padding-top: 35%;
		font-size: 0.8em;
		display: block;
	}
	
	.contact li {
		display: block;
	}
	
	.contact li::before {
		padding-left: 0;
		padding-right: 0;
		content: "";
	}
	
	.contact li:first-child::before {
		content: "";
	}
}

#map-container {
	height: 300px;
	border: 1px #339966 solid;
	margin-bottom: 0.3em;
}

.intro {
	color: #000;
	text-align: left;
	/*margin: 400px 40px 10px 40px;*/
	font-size: 1.3em;
	font-style: italic;
	z-index: 1000;
	/*	position: absolute;
	bottom: 10px;
*/	font-weight: normal;
	line-height: 130%;
	margin-top: 10px;
}

.intro a {
	color: #1B53C4 !important;
}
	
.img-center {
	margin: 0 auto;
}

section {
    padding: 50px 0;
}

h1.section-heading {
    margin: 30px auto 25px 15px;
    font-size: 2em;
}

h2 {
	font-size: 1.8em;
	margin-left: 10px;
}

.section-lead {
    margin: 30px 0;
}

section p {
    margin: 10px 0 10px 0;
}

footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #222;
	text-align: center;
	color: #fff;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #5d87c7;
	text-decoration: none;
}

.logo img {
	width: 2.3em;
	display: inline;
  	vertical-align: text-bottom;
}

.navbar-inverse {
    background: #5d87c7;
}

@media(max-width:767px) {
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    h1.section-heading {
        font-size: 1.5em;
    }

	.image-bg-fluid-height p {
		margin: auto 20px 5px 20px;
		font-size: 0.8em;
	}
}

@media(max-width:599px) {
	.navbar .menu_divider {
		display: none;
	}
	.navbar a {
		padding-top: 20px;
		font-size: 1.1em;
	}
	.nav > li > a {
		padding: 10px;
		font-size: 1.2em;
	}
}

@media(max-width:320px) {
	.image-bg-fluid-height {
		height: 300px;
	}
	.image-bg-fixed-height {
		height: 300px;
	}
}

@media(min-width:1401px) {
	.image-bg-fluid-height {
		height: 500px;
	}
	.image-bg-fixed-height {
		height: 500px;
	}
}

.jandk {
	border: 1px solid #34424D;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(76, 103, 152, 0.5);
	-moz-box-shadow: 7px 7px 5px 0px rgba(76, 103, 152, 0.5);
	box-shadow: 7px 7px 5px 0px rgba(76, 103, 152, 0.5);
	margin-bottom: 20px;
}

/* contact form */
label {
	text-align: left !important;
	margin-left: 10px;
}

.form-control.text_lg {
	height: 100px;
}

.form-group label.error {
	color: red !important;
}

.error.option {
	display: none;
}

#name_id {
	display: none;
}

input, textarea {
	border-color: #aaa !important;
}

h2.contact_heading {
	font-size: 1.5em;
}

.success {
	font-size: 1.5em;
	margin: 50px;
}

@media(max-width:767px) {
	h2.contact_heading {
		font-size: 1.3em;
	}
	
	input, textarea {
		margin-left: 10px;
	}
}