nav {
  background-color: #333333;
  font: bold .85rem/1 sans-serif;
  text-transform: uppercase; }
  nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0; }
    nav ul li {
      list-style: none; }
  nav a {
    color: #fff;
    display: block;
    padding: 1.5vh 3vh; }
    nav a:hover {
      background-color: #00b0f0;
      color: #fff; }
    nav a:active {
      background-color: #004a80;
      color: #fff; }
    nav a[aria-current="page"] {
      background-color: #fff;
      color: #004a80; }