.sq-content-page {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;

  &__body,
  .sq-global-navigation__wrapper {
    max-width: $screen-max;
    margin: auto;
  }
  &--full-width {
    .sq-content-page__body {
      max-width: 100%;
    }
  }
  &--h-100 {
    .dynamic-content__body {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    .sq-content-page__body {
      height: 100%;
    }
  }
  &--header-footer-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
    .sq-content-page__body-wrapper,
    .dynamic-content__body {
      flex-grow: 1;
      position: relative;
    }
  }
}