@charset "UTF-8";
body {
	background-color: #f2e9da;
}
h1 {
	font-weight: normal;
	font-size: 1.8em;
	color: #930;
}
.h1sub {
    font-size: 0.8em;
}
.h1blacksub {
    font-size: 0.7em;
    color: #000000;
}
h2 {
	font-weight: normal;
	font-size: 1.6em;
	color: #930;
}
h3 {
	font-size: 1.8em;
	color: #930;
}
hr {
	background-color: #333;
	height: 1px;
	border: 0;
}
.largerText {
	font-size: 1.2em;
}
#navbar a:link {
	color: #FFFFFF;
}
#navbar a:visited {
	color: #FFFFFF;
}
#navbar a:hover {
	color: #ffcc66;
}
footer {
	background-color: #666666;
	color: #e2e0e0;
	font-size: 1.7rem;
	min-height: 300px;
}
footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
footer a:hover {
	color: #ffcc66;
	text-decoration: none;
}
.jumbotron {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #f2e9da;
}
.accent {
	color: #930;
}
.accent13em {
	color: #930;
	font-size: 1.3em;
	font-weight: normal;
}
.red14 {
	font-size: 14px;
	color: #900;
}
.navbar.navbar-inverse.navbar-fixed-top {
	background-color: #135138;
}
.floatRight {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	border: 1px solid #333;
}
.floatLeft {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 0px;
	border: 1px solid #333;
}
.floatRightNoBorder {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
}
.testimonial {
	font-style: italic;
	color: #069;
	line-height: 20px;
	font-size: 1.1em;
}
.seo {
	color: #CCC;
}
.accent14 {
	color: #930;
	font-size: 1.4em;
}
.fourteen {
	font-size: 14px;
	line-height: normal;
}
#lead-in {
	font-size: 1.5rem;
}
#lead-in h1 {
	margin-top: 20px;
}
#lead-in p {
	font-size: 1.6rem;
}
#services {
	padding-top: 20px;
}
#projects .row {
	margin-bottom: 25px;
	font-size: 1.5rem;
}
#projects .col-md-3 {
	background: #d6c5aa;
}
#projects img {
	max-width: 100%;
	display: block;
	margin: 10px auto;
	max-height: 200px;
	opacity: 1;
	transition: 0.3s;
}
#projects img:hover { opacity: 0.6;}

@media(max-width: 400px){

	#projects .row {
		border-bottom: 1px solid #000;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
}