//// /// Navigation ////

// Navigation main // inspired medium.com/@kollinz/hamburger-menu-alternatives-for-mobile-navigation-a3a3beb555b8#.hg6g5yhtd

nav {

ul {
  list-style: none;
}
a {
  text-decoration: none;
}

}

.nav-main {

@media #{$small-only} {
  overflow-y: hidden !important;
  height: 40px !important;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
ul {
  margin: 0;
  padding: 0.3em 0;
  min-width: 100%;
  list-style: none;
  text-align: center;
  @media #{$small-only} {
    display: block;
    white-space: nowrap;
    padding-bottom: 100px !important;
    overflow-y: hidden;
    overflow-x: auto;
  }
  @media #{$medium-up} {
    .wrapper--flex & {
      text-align: right;
    }
  }
}
li {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0.2rem 1.6rem 0;
}
a {
  font-weight: bold;
  & + & {
     margin-left: 1em;
  }
}

}