html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -80px;
    /* Pad bottom by footer height */
    padding: 0 0 80px;
}

/* Set the fixed height of the footer here */
#footer {
    background-color: #f5f5f5;
    padding:20px; 
    margin-top:20px; 
    background-color: #FEDD99;
}

.navbar-nav>li>a, .navbar-default .navbar-brand {
    color:#fff !important;
}

.navbar-nav>li>a:hover, .navbar-default:hover .navbar-brand:hover {
    color:#FEDD99 !important;
}

.btn-primary {
    background-color:#A02E2E !important;
}

.navbar-default .navbar-nav>.active>a {
    background-color: #FEDD99 !important;
    color:#000 !important;
}

.navbar-toggle {
    background-color: #ddd !important;
}

#rhc-navbar {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.75); 
    -moz-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.75); 
    box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.75); 
    background-color: #A02E2E; 
    border-bottom: 0px;
}

#rhc-navbar-logo {
    max-height:50px; 
    float: right; 
    padding:5px;
}

#rhc-footer-media {
    width: 300px; 
    margin: 0 auto;
}

#rhc-footer-media-heading {
    margin: 0
}

#rhc-footer-media-logo {
    max-height:20px;
}

.map_container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.map_container .map_canvas{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
/*.right-nav-button{
	font-weight: bold; 
	background: rgb(215, 43, 43);
	border: 2px solid; 
	border-radius: 25px; 
	box-shadow: 3px 4px 8px #888888; 
	color: white;
	margin-right: 30px;
}
.nav{
	padding:10px;
}*/