html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 200px;
	padding-bottom: 200px;
	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
}

.navbar {
	/* Fullscreen Navbar */
	position: absolute;
	left: 0;
	right: 0;
}	

.quote-box {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #777;
	border-left: thick double #808080;
	border-right: thick double #808080;
}

.quote-text {
	font-size: 26px;
}

/* Telephone */
div.tel {
	margin-top: 98.8px;
	margin-bottom: 15px;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.1;
	color: #F8F8F8;
}
a.tel {
	color: #F8F8F8;
}

.highlight {
	font-weight: bold;
	padding: 9px 14px;
	margin-top: 14px;
	margin-bottom: 14px;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	border-radius: 4px;
}

/* To prevent Images from filling the whole page width on mobile devices */
.img-main {
	max-width: 80%;	
}

.map {
	text-align: center;
}

iframe.map {
	max-width: 90%;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 200px;
	background-color: #f5f5f5;
}

body > .container {
	padding: 10px 15px 0;
}

.container .text-muted {
	margin: 20px 0;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.full_width {
	padding-right: 15px;
	padding-left: 15px;
}

/* Format for Jumbotron */
.jumbotron {
	background-size: cover;
    background-repeat: no-repeat;
	background-image: url("/img/header.jpg");
	background-position: top center;
	color: #FFFFFF;
	text-shadow:  5px  5px 5px black,
                  5px -5px 5px black,
                 -5px  5px 5px black,
                 -5px -5px 5px black;
	/*text-shadow: black 0.2em 0.2em 0.3em;*/
	padding-top: 98px;
	margin-bottom: 0px;
}

.bg_shaddow {
	background-color:rgba(0,0,0,0.3);	
	-webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.3);
}

/* Navbar on big devices with margin to page top */
@media (min-width: 768px) {
	nav {
		/* Position nav bar */
		margin-top: 20px;
	}
	
	body {
		/* Remove additional padding for nav */
		padding-top: 0px;
	}
	
	.jumbotron {
		/* Add the formal padding-top of the body to the jumbotron to keep the spacing */
		padding-top: 118px;
	}
}

/* Taller Footer when columns stacked */
@media (min-width: 992px) {
	.footer {
		/* Set the fixed height of the footer here */
		height: 80px;
	}
	
	body {
		/* Margin bottom by footer height */
		margin-bottom: 80px;
		padding-bottom: 80px;
	}
}

/* Less margin fpr telephone number in smaller devices */
@media (max-width: 992px) {
	div.tel {
		margin-top: 30px;
	}
}