.navwrap a {
  float: left;
  position: relative;
  margin: 0px;
  padding: 5px 0px 5px 0px !important;
  text-decoration: none;
  text-transform: uppercase;
  color: black;
}

.navwrap a:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  height: 3px;
  width: 0;
  background: transparent;
}

.navwrap .navi:after {
  margin-top:5px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: white;
  /*width: 100%;
  transition: transform .5s ease;
  transform: scaleX(0.0);*/
  width: 0;
  transition: all .5s;
}
.navwrap .navi:hover:after {
  /*transform: scaleX(1);*/
  width: 100%;
}
ul.nav {
  float: left;
}
.footer ul.nav {
  float: left;
  margin-left:0px;
}
.nav > li {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 1px 10px 1px 1px;
}
.nav > li > a {
  font-family: 'Roboto Condensed', sans-serif;
  color: white;
  font-size: 2.0rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.nav > li > a.navi {
  padding-top: 7px !important;
}
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}