/**
 * Place your custom styles here.
 */

body { 
    font-family: 'Lato',Arial,sans-serif; 
    font-size: 16px; 
    color: #666;
}

footer { border-top: 3px solid #676733 !important; }

a { font-weight: bold; }

h1 { 
    color: #676733 /* brown */;
    font-weight: bold;
    font-family: 'Lato',Arial,sans-serif;
}

h2, h3, h4, h5 {
    color: #6ead3b /* green */;
    font-family: 'Lato',Arial,sans-serif;
}

.page-header { 
    border-bottom: 1px solid #FFF !important; 
    text-align: center !important;
    padding-bottom: 0 !important;
    margin: 0 0 20px 0 !important;
}

.list-space li { margin-bottom:20px; }

@media (min-width: 1200px) {
  .navbar-nav { margin-top: 50px; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav li { width: 125px; text-align: center; }
} 


#navbar {
   border-bottom: 3px solid #676733 !important;
   border-radius: 0 !important;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff !important;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border-color: #fff !important;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
   color: #FFF;
   background-color: #676733;
}
