.clear {
  clear: both;
}

.navbar {
  /*background-color: #424242;*/
  min-height: 0px !important;
  margin-bottom: 0px !important;
}

.nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.nav li {
  float: left;
}

.nav li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #FFF;
}

.nav .active {
  background-color: #000;
}

.nav li a:hover {
  background-color: #1c1c1c;
}

#btn-nav {
  display: none;
  border-radius: 3px;
  /*border: 1px solid #000;*/
  color: #FFF;
  /*padding: 5px;*/
  float: right;
  cursor: pointer;
  /*margin: 5px;*/
  background-color: #311900;
}

/*Breakpoint*/

@media only screen and  (max-width: 630px) {

  #btn-nav{
    display: block;
  }

  .nav {
    display: none;
  }

  .nav li {
    float: none;
  }

}