.flex-page__body.flex-page__body--has-sidebar .paragraph--type--photo-offset-callout .col-lg-4,
.flex-page__body.flex-page__body--has-sidebar .paragraph--type--photo-offset-callout .col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
  padding:0;
}

.paragraph--type--photo-offset-callout {
  font-family: var(--mit-default-font);
  width: 100%;
}

.image-offset-callout__image {
  height: 390px;
}
.flex-page__body.flex-page__body--has-sidebar .paragraph--type--photo-offset-callout .image-offset-callout__image {
  order:0;
}
.flex-page__body.flex-page__body--has-sidebar .paragraph--type--photo-offset-callout .image-offset-callout__content {
  order:1;
  background-color: var(--mit-light-gray);
  max-width: 698px;
  margin: -150px auto 0;
  padding: 40px 50px;
}

.image-offset-callout__content {
  color: var(--mit-black);
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 3rem;
}
.flex-page__body.flex-page__body--has-sidebar .button-block {
  width:100%;
  max-width: 698px;
  padding: 0 50px 40px 50px;
  margin: -20px auto 0;
  z-index:5;
  background-color: var(--mit-light-gray);
}

.image-offset-callout__content .field--name-field-section-header {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}

/** full page styling **/
.flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout {
  display:flex;
}

.flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .image-offset-callout__content {
  margin:0;
  padding:0 50px 0 0;
}
.flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block {
  background-color: var(--mit-light-gray);
  padding-block: 3rem 2.5rem;
  padding: 4rem;
  max-width: calc((((100% - 0px) - 11 * 40px) / 12 * 6) + (6 * 4rem));
  margin-top: -14rem;
  z-index:10;
}

@media (max-width: 1079px) {
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .image-offset-callout__content .field--name-field-section-header {
    margin-left:20px;
  }
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .image-offset-callout__image {
    height:auto;
  }
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block:before{
    width: 100%;
    content: '';
    height: 10rem;
    display: block;
    margin-left:-40px;
    top: -10rem;
    position: absolute;
    background-color: var(--mit-light-gray);
  }
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block {
    width: 100vw;
    max-width:100vw;
    margin-left: calc(50% - 50vw);
    margin-top:0;
    position:relative;
    z-index:-10;
  }

}