.entry__content .midpage-hero {
  display: flex;
  flex-direction: column;
  grid-column: 1/-1;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -20px;
  margin-right: -20px;
}

/* Start Swap positions */

.midpage-hero.quote-position-right .midpage-hero__content {
  grid-row-start: 1;
  margin-bottom: 40px;
}
.midpage-hero.quote-position-right .midpage-hero__left {
  order: 1;
}
.midpage-hero.quote-position-right .midpage-hero__right {
  order: 2;
  align-items: flex-end;
  margin-top: 40px;
  margin-left: 40px;
}

.entry__content .midpage-hero.quote-position-left .midpage-hero__left {
  order: 2;
}
.entry__content .midpage-hero.quote-position-left .midpage-hero__right {
  order: 1;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: 60px;
}
/* END swap positions */

.entry__content .midpage-hero__left {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
  margin-bottom: 40px;
}

.entry__content .midpage-hero__content {
  grid-column: 1/-1;
  grid-row-start: 2;
  background-color: #fff;
  margin-top: 40px;
  margin-right: 40px;
  margin-bottom: 40px;
  margin-left: 40px;
  min-height: 0;

  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}
.entry__content .midpage-hero__right {
  flex: 1;
  display: flex;
  align-items: flex-end;
}

.entry__content .midpage-hero__right .midpage-hero__quote__container {
  margin-right: 20px;
  margin-bottom: 60px;
  background-image: url('https://gf.com/wp-content/themes/gfcom/imgs/graphics/box-orange.svg');
  background-position: bottom right;
  background-repeat: no-repeat;
}
.entry__content .midpage-hero__quote__container .midpage-hero__quote {
  position: relative;
  background-color: #ffdc34;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 60px;
}
.entry__content .midpage-hero__quote__container .midpage-hero__quote::before {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url('https://gf.com/wp-content/themes/gfcom/imgs/graphics/quote-left.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 30px;
  margin-top: -20px;
  margin-left: -22px;
}
.entry__content .midpage-hero__quote__container .midpage-hero__quote::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url('https://gf.com/wp-content/themes/gfcom/imgs/graphics/quote-right.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 30px;
  right: 0;
  margin-top: 10px;
  margin-right: 30px;
}
/* Fonts */
.entry__content .midpage-hero h4,
.entry__content .midpage-hero h5,
.entry__content .midpage-hero p {
  margin: 0;
}
.entry__content .midpage-hero h4 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
.entry__content .midpage-hero h5 {
  font-size: 1rem;
  margin-bottom: 8px;
}
.entry__content .midpage-hero p {
  font-size: 0.875rem;
}
.entry__content .midpage-hero p small {
  font-size: 0.75rem;
}

.entry__content .midpage-hero a {
  margin-top:20px;
}

@media (min-width: 768px) {
  .midpage-hero.quote-position-right .midpage-hero__right {
    margin-left: 60px;
  }

  .entry__content .midpage-hero {
    flex-direction: row;
  }
  .entry__content .midpage-hero__content {
    grid-column: 1/-1;
    margin-right: 0;
  }

  .entry__content .midpage-hero__left {
    grid-template-rows: repeat(2, 1fr);
    margin-bottom: 0;
  }
  .entry__content .midpage-hero__right {
  }
  .entry__content .midpage-hero__right .midpage-hero__quote__container {
    margin-right: 80px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  /* Fonts */
  .entry__content .midpage-hero h4 {
    font-size: 1.5rem;
  }
  .entry__content .midpage-hero h5 {
    font-size: 1rem;
  }
  .entry__content .midpage-hero p {
    font-size: 0.875rem;
  }
  .entry__content .midpage-hero p small {
    font-size: 0.75rem;
  }
  .entry__content .midpage-hero a {
    margin-top:40px;
  }
}
@media (min-width: 992px) {
  .entry__content .midpage-hero {
    margin-left: 0;
    margin-right: 0;
  }
  .entry__content .midpage-hero__left {
    /* grid-column: 2/-8; */
  }
  .entry__content .midpage-hero__right {
  }

  /* Fonts */
  .entry__content .midpage-hero h4 {
    font-size: 2rem;
  }
  .entry__content .midpage-hero h5 {
    font-size: 1.25rem;
  }
  .entry__content .midpage-hero p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .entry__content .midpage-hero p small {
    font-size: 1rem;
  }
}