@font-face {
  font-family: "museo-sans";
  src: url("/Content/fonts/MuseoSans_300-webfont.woff2") format("woff2"), url("/Content/fonts/MuseoSans_300-webfont.woff") format("woff");
  font-weight: 300;
  /* adjust as needed */
  font-style: normal;
  /* use italic if needed */
  font-display: swap;
}
@font-face {
  font-family: "museo-sans";
  src: url("/Content/fonts/MuseoSans_500-webfont.woff2") format("woff2"), url("/Content/fonts/MuseoSans_500-webfont.woff") format("woff");
  font-weight: 500;
  /* adjust as needed */
  font-style: normal;
  /* use italic if needed */
  font-display: swap;
}
@font-face {
  font-family: "museo-sans";
  src: url("/Content/fonts/MuseoSans_700-webfont.woff2") format("woff2"), url("/Content/fonts/MuseoSans_700-webfont.woff") format("woff");
  font-weight: 700;
  /* adjust as needed */
  font-style: normal;
  /* use italic if needed */
  font-display: swap;
}
@font-face {
  font-family: "museo";
  src: url("/Content/fonts/Museo300-Regular-webfont.woff2") format("woff2"), url("/Content/fonts/Museo300-Regular-webfont.woff") format("woff");
  font-weight: 300;
  /* adjust as needed */
  font-style: normal;
  /* use italic if needed */
  font-display: swap;
}
section.hero-homepage {
  background: #222;
  background: url("/userdocs/homepage/homepage-hero-bg-mobile.webp") no-repeat center center #222;
  background-size: cover;
}

@media (min-width: 1024px) {
  section.hero-homepage {
    background-image: url("/userdocs/homepage/homepage-hero-bg-desktop.webp");
  }
}
section.hero-homepage .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  text-align: left;
  color: #fff;
  padding: 60px 0;
}

section.hero-homepage .content h1 {
  font-size: 32px;
  line-height: 1em;
  margin: 0;
}

section.hero-homepage .content h1 span {
  font-size: 1.3em;
}

@media (min-width: 1024px) {
  section.hero-homepage .content h1 {
    font-size: 64px;
  }
  section.hero-homepage .content h1 span {
    font-size: 1.5em;
  }
}
section.hero-homepage .content h2 {
  max-width: 85%;
  background: #002734;
  padding: 20px;
  font-family: "museo", sans-serif;
  font-size: 24px;
  font-weight: 300;
}

@media (min-width: 1024px) {
  section.hero-homepage .content h2 {
    max-width: 75%;
  }
}
section.about-iowa {
  padding: 0;
}

section.about-iowa .container {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  section.about-iowa .container {
    grid-template-columns: 1fr 1fr;
  }
}
section.about-iowa .container .module-main {
  padding: 4rem;
}

@media (min-width: 1216px) {
  section.about-iowa .container .module-main {
    padding: 6rem;
  }
}
section.about-iowa .container .module-main * {
  text-align: left;
  justify-content: flex-start;
}

section.about-iowa .container .module-main * h2 {
  text-align: left;
}

section.about-iowa .container .module-main .headlines {
  align-items: flex-start;
}

section.about-iowa .container .module-imagery {
  background: #002734;
  margin: 0;
}

section.multimedia {
  padding: 0;
  background: #002734;
}

section.multimedia .container {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  section.multimedia .container {
    grid-template-columns: 1fr 1fr;
  }
}
section.multimedia .container .module-main {
  order: 1;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 768px) {
  section.multimedia .container .module-main {
    order: 2;
  }
}
@media (min-width: 1216px) {
  section.multimedia .container .module-main {
    padding: 6rem;
  }
}
section.multimedia .container .module-main .headlines {
  align-items: center;
}

@media (min-width: 768px) {
  section.multimedia .container .module-main .headlines {
    align-items: flex-end;
  }
}
section.multimedia .container .module-main .headlines h2, section.multimedia .container .module-main .headlines h3 {
  text-align: center;
}

@media (min-width: 768px) {
  section.multimedia .container .module-main .headlines h2, section.multimedia .container .module-main .headlines h3 {
    text-align: right;
  }
}
section.multimedia .container .module-main .content {
  text-align: center;
}

@media (min-width: 768px) {
  section.multimedia .container .module-main .content {
    text-align: right;
  }
}
section.multimedia .container .module-main .module-cta {
  justify-content: center;
}

@media (min-width: 768px) {
  section.multimedia .container .module-main .module-cta {
    justify-content: flex-end;
  }
}
section.multimedia .container .module-imagery {
  order: 2;
  background: #002734 no-repeat center center;
  background-size: cover;
  margin: 0;
  align-items: flex-end;
  padding: 4rem 0 0;
  overflow-y: hidden;
}

@media (min-width: 768px) {
  section.multimedia .container .module-imagery {
    order: 1;
  }
}
section.multimedia .container .module-imagery img {
  width: 100%;
  max-width: 100%;
}

section.multimedia .container .module-imagery .video-container {
  position: relative;
}

section.multimedia .container .module-imagery .video-container video {
  margin-bottom: -1px;
  display: block;
  aspect-ratio: 675/750;
  width: 100%;
  max-width: 100%;
}

section.multimedia .container .module-imagery .video-container::after {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("/userdocs/video/multimedia-overlay.webp") no-repeat;
  background-size: cover;
}

.module-4.is-theme-brand-1 {
  background: url("/userdocs/bg-colors/iowa-cream.svg") repeat;
}

.module-1.is-theme-brand-1 .button {
  background: #002734;
  color: #fff;
}

.module-1.is-theme-brand-1 .button:hover {
  background: #3a98cd;
  color: #fff;
}

/*# sourceMappingURL=homepage.css.map */