#homepage #topnav {
  position: absolute;
  top: 602px;
  left: 0px;
}

#subpage #topnav {
  position: absolute;
  top: 100px;
  left: 0px;
}

#topnav {
  background-color: $gray;
  width: 100%;

  ul {
    margin: 0;
    padding: 0;
    list-style-type: none;

    li {
      width: 135px;
      z-index: 1;
      margin-right: -2px;
      display: inline-block;
      @include transition(all .25s ease);

      a {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: $white;
        padding: 20px 0;
        font-family: $nav-font-family;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1.25em;
        border: solid 2px darken($gray,10%);
        border-top: 0;
        border-bottom: 0;
        background-color: $gray;
        @include transition(all .25s ease);

        &:hover, &.on {
          background-color: $red;
          color: $white;
          text-decoration: none;
          z-index: 2;
        }

      }

      &:first-child {
        width: 0;
        border: 0;

        img {
          width: 0px;
          height: 23px;
          position: relative;
          top: -2px;
          @include transition(all .25s ease);
        }

      }
    }
  }

  &.fixed {
    margin-top: 0 !important;
    position: fixed !important;;
    z-index: 10 !important;;
    top: 0 !important;;
    left: 0 !important;;
    width: 100% !important;;

    li {
      width: 100px;
    }

    li:first-child {
      width: 110px;
      img {
        width: 70px;
        height: 23px;
      }
    }

    li a {
      padding: 10px 0 !important;;
      font-size: 1em !important;;
    }
  }
}