/* Full Page Callout */
.full-callout-wrap { display: flex; justify-content: center; position: relative; background-color: hsl(var(--siteColor1)); }
.full-callout { width: 100%; max-width: 150rem; overflow: hidden; position: relative; background-color: hsl(var(--siteColor3)); border-radius: 0 0 8rem 0; color: hsl(var(--siteColor1)); }
.full-callout .container { max-width: 150rem; display: flex; flex-wrap: wrap; align-items: center; padding: 0; }
.full-callout-img-wrap { aspect-ratio: 1 / 1; width: 100%; max-height: 30rem; flex-basis: 100%; position: relative; background-color: hsl(var(--siteColor5)); }
.full-callout-img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 8rem 0 0; }
.full-callout-info { flex-grow: 1; flex-basis: 100%; max-width: 50rem; margin: auto; padding: 4rem 1rem; font-size: 1rem; line-height: 1.2; }
.full-callout-info .title { margin-bottom: 1.5rem; font-family: var(--siteFont1), serif; font-size: 2.375rem; line-height: 1; }
.full-callout-info .desc { margin-bottom: 1.5rem; }
@media (min-width: 1025px) {
  .full-callout { border-radius: 0 0 12rem 0; }
  .full-callout-img-wrap { flex-basis: 50%; max-width: 35%; /* max-width: 36.6875rem; */ max-height: 40rem; background-color: transparent; }
  .full-callout-img { border-radius: 0 12rem 0 0; }
  .full-callout-info { flex-basis: 50%; max-width: 36.125rem; padding: 1rem; }
}
@media (min-width: 1200px) {
  .full-callout-info { font-size: 1.375rem; }
  .full-callout-info .title { font-size: 3.625rem; }
}