.top-navigation {
  @include outline($outline-color-1);
  float: left;
  position: relative;
  width: 60%;
  height: 80px;
  font-size: .77em;
  box-sizing: border-box;

  ul {

    li {
      display: inline-block;

    a {
      font-size: 1.3em;
      display: block;
      padding: 2em 1em;
    }
    &:hover {
      background-color: $navigation-hover-color;

      a {
        color: $link-hover-color;
        }
      }
    }
  }
  @media screen and (max-width: 1024px) {
    bottom: 0px;

    ul {
      li {
        a {
          font-size: 1.2em;
          padding: 30px 12px;
        }
      }
    }
  } // End of media 1024px
}

.top-navigation {
  @include outline($outline-color-1);
  float: left;
  position: relative;
  width: 60%;
  height: 80px;
  font-size: .77em;
  box-sizing: border-box;

  ul {

    li {
      display: inline-block;

    a {
      font-size: 1.3em;
      display: block;
      padding: 1.94em 1em;
    }
    &:hover {
      background-color: $navigation-hover-color;

      a {
        color: $link-hover-color;
        }
      }
    }
  }
  @media screen and (max-width: 1024px) {
    bottom: 0px;

    ul {
      li {
        a {
          font-size: 1.2em;
          padding: 30px 12px;
        }
      }
    }
  } // End of media 1024px
}

Fix little bug with padding
Fix little bug with padding