footer {
  border-top: .1rem solid var(--hr-color);

  .bottom {
    max-width: 50rem;
    margin: 0 auto;

    .nav {
      display: inline-block;
      list-style-type: none;
      white-space: nowrap;
    }

    .nav {
      padding: 1.25rem 0;
      margin: 0 1.5rem;

      li {
        display: inline-block;
        margin: 0 .5rem;

        a {
          color: var(--fs-color);
          font-size: .85rem;
  
          &:hover {
            color: var(--f-color);
            text-decoration: underline;
          }
        }

        p {
          display: inline-block;
          color: var(--fs-color);
          font-size: .85rem;
          margin: 0 .35rem 0 0;
        }
      }

      .highlight a {
        color: var(--t-color);
        text-decoration: underline;

        &:hover {
          color: var(--t-color);
        }
      }
    }
  }
}

@media only screen and (max-width: 480px) {
  footer {
    display: none;
  }
}