body {
  
}

h1, h2 {
  font-family: 'Candal', serif;
}

.jumbotron {
  text-align: center;
  margin: 0;
  background-color: #E6D5C1;
}


.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.nav a, .nav a:focus {
  color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-header {
  background-color: #3f312d;
}

.nav >li > a{
  background: #785D56; 
  margin: 1px;
}

.nav >li >a:hover {
  background: #3f312d;
}

.nav >li >a:focus {
  background-color: #785D56;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #3f312d;
    border-color: #428bca;
}

.dropdown-menu {
    width: 100%;
}

@media (max-width: 767px) {
    .dropdown-menu {
    position: inherit;
    }
}

#navbar ul li ul li a:hover {
  color: #3f312d;
  background-color: #FFF4E3;
}
/*
.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}


.navbar-inverse {
    background-color: #785D56;
}

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

.navbar-inverse .navbar-nav>li>a:hover {
    color: #E6D5C1;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #3f312d;
}

*/


.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.row {
  margin-top: 20px;
}

#navbar {
    padding-right: 0;
    padding-left: 0;
}

.social {
 vertical-align: text-top;
 margin: 3px;
 width: 30px;
}

#map_canvas {
 width: 100%;
 height: 260px;
 margin-bottom: 2em;
}

#picture {
    width: 100%;
}

footer.jumbotron.navbar {
    margin-top: 40px;
}

footer.jumbotron.navbar.row {
    height: 260px;
}

a.effect:link, a.effect:visited {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

a.effect:hover, a.effect:active {
    letter-spacing: 1px;
    font-weight: bold;
}

.notFound {
    height: 400px;
}