.lfs-component-callout {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 18.875rem;

  @media (min-width: 992px) {
    max-width: unset;
  }
}
.lfs-component-callout picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.lfs-component-callout .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 1rem;
  opacity: 1;

  @media (min-width: 992px) {
    padding: 2rem;
  }
}

.lfs-component-callout h3,
.lfs-component-callout h3 a {
  color: #3d3d3d;
  font-size: 1.75rem;
  line-height: 1.22;
  letter-spacing: -0.0175rem;

  @media (max-width: 1439px) {
    font-size: 1.6719rem;
  }

  @media (max-width: 1169px) {
    font-size: 1.5938rem;
  }
  @media (max-width: 1023px) {
    font-size: 1.5156rem;
  }

  @media (max-width: 767px) {
    font-size: 1.4375rem;
    line-height: 2rem;
  }
}
