body {
	/*background-color: rgba(177,186,204,0.5);*/
	padding-top: 50px;
 	padding-bottom: 20px;
 	margin-bottom: 60px;
 	background-image: url('../images/background4.jpg');
}

.navbar {
	background-color: rgba(0,153,204,1);
	color: #fff;
}

.navbar li:active{
	background-color: #fff;

}
.navbar-brand img{
	padding-top:-10px;
}

#navbar .nav .navbar-nav{
	color:#fff;
}

.navbar-custom{
	background-color: rgba(0,153,204,1);
    color:#ffffff;
    border-radius:0;
    border-width:0px;
}

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

.navbar-custom .navbar-nav > li > a:hover{
	background-color: #fff;
	color: rgba(0,153,204,1);
}

.navbar-custom .navbar-nav > .active > a:hover{
	background-color:#fff;
	color: rgba(0,153,204,1);
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color:  rgba(0,153,204,1);
    background-color:#fff;
}
.navbar-custom .navbar-brand {
    color:#eeeeee;
}


.jumbotron {
	background-image: url('../images/banner.png');
	height:30em;
	background-size: cover;
	padding-top:40px;
}

.jumbotron .container {
	background-color:rgba(255,255,255,0.5);
	background-clip: padding-box;
	margin-top:8em;
	max-width: 40em;
	margin-left: 5em;
	border-radius: 8px;
}

.jumbotron .container h2 {
	color:#000;
}

.about-container .container{
	background-color: rgba(255,255,255,0.7);
	box-shadow: 5px 5px 5px #888888;
	border-radius:8px;
	margin-top: 2em;
	margin-bottom: 10em;
	padding-bottom: 30px;
}

.procedure-container .container{
	background-color: rgba(255,255,255,0.7);
	box-shadow: 5px 5px 5px #888888;
	border-radius:8px;
	margin-top: 2em;
	margin-bottom: 10em;
	padding-bottom: 30px;
}

.procedure-container h2{
	background-clip: padding-content;
	padding: 15px;
}

.procedure-container p {
	padding-left: 30px;
}


.content-container{
	background-color: rgba(255,255,255,0.7);
	box-shadow: 5px 5px 5px #888888;
	border-radius:8px;
	padding: 2em;
	margin-top: 2em;
	margin-left:2em;
	margin-right:2em;
}

.about-container h2{
	background-clip: padding-content;
	padding: 15px;
}

.bs-example {
	margin: 20px;
}

footer {
  position: absolute;
  /* Set the fixed height of the footer here */
}

h2 {
	font-family: 'Droid Serif', serif;
	/*color:rgba(0,153,204,1); */
	color:#000;
}

h3 {
	font-family:'Droid Serif', serif;
}

hr{
	background-color:#000;
}

.map-container{
	position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Media queries */

@media screen and (max-width: 768px) {
	.jumbotron {
		background-size:100%;
		background-repeat: no-repeat;
	}
	.jumbotron .container{
		margin-left:0.5em;
		font-size: 10px;
		margin-top:13em;
		max-width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.jumbotron{
		background-size:100%;
		background-repeat: no-repeat;
	}
    .jumbotron .container {
    	margin-left:0.5em;
    	margin-top:9em;
    	max-width: 100%;
    }

    .jumbotron .container[role="button"]{
    	content: (Call Us);
    	max-width:100%;
    }

}

@media screen and (max-width: 320px) {
	.content-container{
		min-width: 100%;
		max-width: 100%;
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top:0.5em;
		margin-bottom: 0.5em;
	}
	.map-container{
		max-width: 250px;
	}
	.jumbotron .container [role="button"] {
		max-width: 300px;
	}
}