a {
  color: $primary;

  &:hover {
    @extend .grey-text, .text-lighten-3;
    transition: color 0.5s;

    text-decoration: none;
  }

  &.colour-invert {
    @extend .grey-text, .text-lighten-3;

    &:hover {
      color: $primary;
    }
  }
}

h1.page-title {
  font-weight: 300;
  font-size: 4rem;
  margin-top: 1rem;
}