.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,
.image-offset-callout__content .field--name-field-section-header h2,
.image-offset-callout__content .field--name-field-section-header h3,
.image-offset-callout__content .field--name-field-section-header h4,
.image-offset-callout__content .field--name-field-section-header h5,
.image-offset-callout__content .field--name-field-section-header h6 {
  font-size: 3.1rem;
  font-weight: 700;
  line-height: normal;
  margin-top:0;
  margin-bottom: 10px;
  color: var(--mit-black);
}

/** 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 20px 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: 3rem;
  flex-shrink: 0;
  min-width:400px;
  max-width: calc(
    ((100% - 11 * 40px) / 12 * 6)
    + (6 * 5rem)
    + 30rem
    + (100rem - 100vw) * 0.8
    );
  margin-top:-12rem;
  z-index:10;
}
.flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .image-offset-callout__image {
  height:auto;
}

@media (max-width: 1400px) {
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block {
    margin-top:-10rem;
  }
}
@media (max-width: 1300px) {
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block {
    margin-top:-8rem;
  }
}
@media (max-width: 1200px) {
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block {
    margin-top:-6rem;
  }
}
@media (max-width: 1100px) {
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block {
    margin-top:-4rem;
  }
}
@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 .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);
    padding-left:40px;
    margin-top:0;
    position:relative;
    z-index:-10;
    transform:none;
  }
}

@media (max-width: 767px) {
  .flex-page__body:not(.flex-page__body--has-sidebar) .paragraph--type--photo-offset-callout .button-block {
    padding-left:20px;
  }
}