/* modified by templatemo.com */

body {
  padding-top: 0;
  padding-bottom: 20px;
}

.footer {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.nav > li > a {
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #fff;
  text-shadow: #000 1px 1px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  background: #1d1d1f;
  zoom: 1;
}

.nav >li > a:hover, .nav > li >a:focus {
text-decoration: none;
background-color: #1e1e1e;
}

.masthead {width:100%;}

@media (min-width: 768px) {
  .nav {
    max-height: 52px;
  }

  .nav >li > a {
    border-left: 1px solid #474747;
  }

.nav a:hover,
.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus {
  border-bottom:2px solid #F79E38; background: #1e1e1e;
}

  .nav > li:first-child > a {
    border-left: 0;
   /* border-radius: 5px 0 0 5px;*/
  }
  .nav > li:last-child > a {
   /* border-radius: 0 5px 5px 0;*/
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}

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

.nav > li > a { padding-top: 12px; padding-bottom: 12px;}

.nav a:hover,
.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus {
  border-left:10px solid #F79E38; background: #1e1e1e;
}

}