@charset "utf-8";
/* CSS Document */

.wrapper {
	min-height: 80%;
    height: auto !important;
	height:80%;
    margin: 0 auto 0em;
}

.full-width {
	min-width:100%;
}

.page_header {
	margin:15px 0 15px 0;
}

@media only screen and (max-width: 64em) {
	.header_logo {
		text-align:center;
	}
}

.logo_subtext {
	font-size:12px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color:#9a9a9a;
}

@media only screen and (max-width: 64em) {
	.logo_subtext {
		font-size:10px;
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		color:#9a9a9a;
	}
}

.header_phone_number {
	text-align:right;
}

@media only screen and (max-width: 64em) {
	.header_phone_number {
		text-align:center;
	}
}

.header_phone_number_number {
	font-size:24px;
	font-weight:200;
}

/* navigation styling */
.navbar {
	background:#C80000 !important;
}

.top-bar {
    background:#C80000 !important;
}

.top-bar-section li a:not(.button) {
    background:#C80000 !important;   
}

.top-bar-section li a:not(.button):hover {
    background:#A30000 !important;   
}

.top-bar-section ul li.active > a {
    background:#C80000 !important;   
}

.top-bar-section ul li.active > a:hover {
    background:#A30000 !important;   
}

.footer {
	background:#ddd;
	padding:20px 0 20px 0;
	color:#222222;
}

.left-footer {
	font-size:14px;
}

.left-footer > a {
	color:#222;
}

.left-footer > a:hover {
	color:#C80000;
}

@media only screen and (max-width: 64em) {
	.left-footer {
		text-align:center;
	}
}

.right-footer {
	font-size:14px;
	text-align:right;
}

@media only screen and (max-width: 64em) {
	.right-footer {
		text-align:center !important;
	}
}

.small-footer-text {
	font-size:10px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color:#777;
}

.hero {
	background:#006BBB;
	background-image:url(../img/red-door-bg-hero.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	text-align:center;
	height:250px;
}

.hero-text h2 {
	color:#ffffff !important;
	font-weight:bold;
	padding:40px 0 40px 0;

}

@media only screen and (max-width: 800px) {
	.hero-text h2 {
		color:#ffffff !important;
		font-weight:bold;
		padding:0
	}
}

@media only screen and (max-width: 360px) {
	.hero-text h2 {
		color:#ffffff !important;
		font-size:24px;
		font-weight:bold;
		padding:0
	}
}

p {
	text-indent:50px;
}

.center-text {
	padding-top:20px;
}
@media only screen and (min-width: 360px) {
	.index-bottom-image {
		padding-top:15px;
		text-align:center;
	}
}

@media only screen and (max-width: 360px) {
	.index-bottom-image {
		padding-bottom:15px;
	}
}