@font-face {
  font-family: Raleway;
  src: url(/fonts/raleway.ttf);
}
nav.navbar {
  font-family: 'Raleway', sans-serif;
}
nav.navbar.navbar-inverse {
  background-color: #111;
  border: 0;
}
nav.navbar.navbar-inverse .navbar-nav .active > a {
  background-color: #4CAF50;
}
nav.navbar.navbar-inverse .navbar-nav > li > a {
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  color: white;
}
nav.navbar.navbar-inverse .navbar-nav > li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
nav.navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: white;
}
nav.navbar .navbar-header .navbar-toggle:hover .icon-bar {
  background-color: #4CAF50;
}
@media (max-width: 1200px) {
  nav.navbar.navbar-inverse {
    background-color: #111;
  }
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
  }
  .navbar-toggle {
    background-color: #4CAF50;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
}