Page Title

.page-title {
  background-color: $gold;
  padding: $space $space-double $space $space-triple;
  z-index: 3;

  @media only screen and (min-width: $break-desktop) {
    max-width: calc(100% - 60px);
    position: absolute;

    &::after {
      width: 60px;
      height: 100%;
      position: absolute;
      left: 100%;
      content: "";
    }

    &::after {
      top: 0;
      background: linear-gradient(to right bottom, $gold 50%, transparent 50%)
    }
  }

  h1 {
    margin: 0;
    color: $lehigh-brown;
  }
}