.page {
  max-width: 1240px;
  margin: 120px auto 100px;

  @media screen and (max-width: 768px) {
    margin: 48px auto 120px;
  }

  .page-header {
    padding: 0 20px;
    margin-bottom: 120px;

    @media screen and (max-width: 768px) {
      padding: 0 24px;
      margin-bottom: 48px;
    }
    h1 {
      font-family: var(--font-roboto-condensed);
      font-weight: 500;
      font-size: 26px;
      line-height: 34px;
      letter-spacing: 1%;
      vertical-align: middle;
      color: #fcfafa;
      text-transform: uppercase;

      @media screen and (max-width: 768px) {
        font-size: 26px;
        line-height: 30px;
      }
    }
  }

  .page-content {
    padding: 0 20px;

    @media screen and (max-width: 768px) {
      padding: 0 24px;
    }
  }
}