body { font-family: 'Merriweather', serif;
	color: #4A4A4A; 

}
h2 {
	color: #7f0e10;
	font-weight: 700;
	margin-top: 2em;
	margin-bottom: 1em;
}
h3 {
	color: #7f0e10;
	font-weight: 400;
}
ul li {
	margin-bottom: .5625em;
}
a { 
	color: #7f0e10;
	font-size: inherit;
	text-decoration: none; }
a:active,
a:focus {
	outline: none;
}
input {
	margin-bottom: 1em;
}
.centered { text-align: center;}
.wrapper {
	width: 100%;
}
.header {
	text-align: center;
	background: #b62024; /* Old browsers */
	background: -webkit-linear-gradient(#b62024 0%, #370000 100%);
	background: -o-linear-gradient(#b62024 0%, #370000 100%);
	background: linear-gradient(#b62024 0%, #370000 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62024', endColorstr='#370000',GradientType=0 ); /* IE6-9 */
	;
	height: 22.5em; /* 360px */
	margin: 0;
}	
.image-banner {
	height: 25em; /* 400px */
	background: url('../images/image-banner.jpg') center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.companies { 
	height: 11em; /* 175px */
	background: #fff url('../images/logo-banner.jpg') center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 1em 0 1em 0;
}
.header div.logo { 
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 20;
}
.header div.logo img {
	width: 100px;
	height: auto;
}
header h1,
header h4 { color: #fff; }
header h1 {
	margin-top: 100px;
	font-size: 56px;
}
header h4 {
	color: #fff;
	font-weight: 300;
}
.icon { margin-bottom: 2.125em; }
ul.list {

}
.main-nav {
	display: flex;
	justify-content: center;
	align-content: center;
	padding-top: 2em;
}
.main-nav li a {
	color: #ccc;
	transition: color .2s ease-in;
}
.main-nav li a:hover {
	color: #7f0e10;
}
.main-content {
	background-color: #fff;
	margin: 0;
	margin-bottom: 2em;
}
.all-services {
	background-color: #ECEBEB;
	padding-bottom: 2em;
	padding-top: 2em;
}
.service {
	background: #ECEBEB url('../images/map-bg.jpg') center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin: 0;
}
.service p {
	margin-top: 1.5em;
	margin-bottom: 2em;
}
.objectives h2 {
	text-align: center;
	margin-top: 3.1875em;
	margin-bottom: 1.6875em;
	font-size: 42px;
}
.associates {
	margin-bottom: 2em;
}
.associates h2 {
	margin-bottom: 0;
}
.associates p.instructions {
	margin-top: 0;
	margin-bottom: 2em;
}
.references {
	background-color: #ECEBEB;
	padding-bottom: 2em;
	height: auto;
}
.contact {
	margin-top: 1.5em;
	margin-bottom: 2em;
}
.contact-numbers,
.contact-form {
	margin-top: 2em;
}
.footer {
	font-size: .75em;
	background-color: #000;
	color: #fff;
	padding-top: 2em;
	padding-bottom: 2em;
	margin: 0;
}
.footer a {
	color: #ccc;
}
img.profile {
	width: 224px;
	height: 224px;
	border-radius: 250px;
	transition: all .2s ease-in;
}
img.profile:hover {
	transform: scale(1.1);
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
img.anniversary {
	max-width: 100%;
	animation: fadeIn 3s ease-in;
}
/* Honeypot for form */
.userCode {
	position: absolute;
	left: -50000px;
}
@media only screen 
	and (min-device-width: 320px )
	and (max-device-width: 568px )
	and (-webkit-min-device-pixel-ratio: 2) {
	.header { height: 16em;}
	.header div.logo { 
		position: absolute;
		top: 6px;
		left: 6px;
		z-index: 20;
	}
	.header div.logo img {
		width: 50px;
		height: auto;
	}
	header h1 { 
		margin-top: 1em; 
		font-size: 1.8em; 
	}
}