/*------------------------------------*\
    #PAGE HEADER
\*------------------------------------*/
/**
 * 1) Container that consists of of a page header title and description
 */

/**
 * Page header title
 */
.c-page-header {
  line-height: 1.2;
  margin: 0 auto 4rem;
  text-align: center;

  + .c-link-group {
    margin-top: -3rem;
  }
}

.c-page-header--left {
  margin: 0;
  text-align: left;

  .l-container--xs,
  .max-width.narrow {
    margin: 0 0 1rem;
    padding: 0;
    @media screen and (max-width: 47em) {
      margin: 0 auto 1rem;
    }
  }
}

.c-page-header__title {
  margin-bottom: 1rem;
  margin-top: 3rem;
}

/**
 * Page description
 */
.c-page-header__desc,
.c-page-header p {
  font-size: 1.2rem;
  margin-top: var(--spacing);
  text-align: left;
}