footer {
  max-width: 42rem;
  margin: 0 auto;
  padding: 1.25rem 1rem;

  p,
  .links h4 {
    display: inline-block;
    color: $fs-color;
    font-family: $p-font;
    font-size: .875rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }

  .links {
    float: right;
    
    a {
      margin-left: 1.5rem;
      
      &:hover h4 {
        text-decoration: underline;
      }

      &:first-of-type {
        margin-left: 0;
      }
    }
  }
}

@media only screen and (max-width: 600px) {
  footer {
    padding: 2rem;

    .links {
      float: unset;

      a {
        margin-left: 1rem;
      }
    }
  }
}