.node-type--page.node-view-mode-full {
  .node-content {
    > .field--name-field-subheadline,
    > .field--name-field-headline,
    > .field--name-field-media {
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 var(--offset);
    }
    > .field--name-field-headline h1{
      max-width: 735px;
    }
  }
  .field--name-field-subheadline {
    font-family: var(--heading-font), sans-serif;

    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 30px;

    margin-top: 20px;

    @media (min-width: 768px) {
      margin-top: 0;
      line-height: 87px;
      font-size: 18px;
    }


    * {
      font-weight: unset;
    }
  }

  .field--name-field-headline {
    @media (min-width: 768px) {
      h1 {
        font-size: 72px;
        line-height: 87px;
      }
    }

    h2, h3 {
      font-size: 48px;
      line-height: 58px;
      font-weight: 300;

    }
  }
  .field--name-field-media {
    display: none;
    video {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 30px;
    }

    img {
      width: 100%;
      height: auto;
      padding: 0 var(--offset);
      box-sizing: border-box;
    }
    @media (min-width: 768px) {
      display: unset;
    }
  }

  .node-content > .field--name-field-image {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--offset);
    display: inherit;
    margin-top: 20px;
    margin-bottom: 30px;
    @media (min-width: 768px) {
      display: none;
    }


    img {
      display: block;
      margin: 0 auto;
      /*max-width: 100%;*/
      object-fit: cover;
    }
  }

  .field--name-field-content {
    margin-bottom: 100px;

    .field-item + .field-item {
      margin-top: 100px;
    }
  }
}

.node--centered-title h1 {
  text-align: center;
}

.node--centered-title .field--name-field-headline {
  width: 100% !important;
}
.field--name-field-media > .field-item {
  padding-bottom: 2em;
}

.data-changemaker .node-type--page.node-view-mode-full {
    & .node-content {
        > .field--name-field-headline h1 {
          max-width: unset;
          @media (min-width: 768px) {
            font-size: 54px;
            line-height: 72px;
        }
    }
      
}