.page--title {
  margin-top: 0;
  padding-bottom: 0.625rem;
  margin-bottom: 1.25rem; }
  @media (min-width: 37.5em) {
    .page--title {
      padding-bottom: 1.25rem; } }
  @media (min-width: 62em) {
    .page--title {
      width: 65.21739%; } }

.page-node-type-page .page--title {
  border-bottom: solid 5px #f2f2f2; }

.page--title--offset {
  margin-top: -4rem; }
  @media (min-width: 62em) {
    .page--title--offset {
      margin-top: -4.75rem; } }
  .page--title--offset .page--title {
    font-size: 1.4rem;
    background-color: #323232;
    color: #fff;
    display: inline-block;
    margin: 0 0 1.5rem;
    padding: 2rem;
    position: relative;
    width: auto; }
    @media (min-width: 37.5em) {
      .page--title--offset .page--title {
        font-size: 1.55rem; } }
    @media (min-width: 55em) {
      .page--title--offset .page--title {
        font-size: 1.8rem; } }
    @media (min-width: 62em) {
      .page--title--offset .page--title {
        font-size: 2rem; } }
    @media (min-width: 55em) {
      .page--title--offset .page--title {
        margin-bottom: 2rem; } }