/**
 * Ambassador page mobile layout fixes.
 * 1) Sections were capped near 100vh while content overflowed into the next section.
 * 2) Webflow grid-area spans (… / 4) kept creating ~1/3-width columns on phones.
 */
@media screen and (max-width: 991px) {
  .c-section-2 {
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
    display: block !important;
    width: 100% !important;
  }

  .c-section__container {
    flex: none !important;
    display: block !important;
    height: auto !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 4vw !important;
    padding-right: 4vw !important;
    box-sizing: border-box !important;
  }

  .c-section__headline {
    margin-bottom: 32px;
    width: 100% !important;
  }

  .c-section__headline-title {
    line-height: 1.15 !important;
    height: auto !important;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .c-section__headline-subline {
    line-height: 1.4 !important;
    height: auto !important;
    width: 100% !important;
  }

  .grid-10 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-auto-columns: 1fr !important;
    grid-auto-flow: row !important;
    width: 100% !important;
  }

  #w-node-_356ad89f-da5b-51a7-7941-277bec8bb7ec-063afd96,
  #w-node-_356ad89f-da5b-51a7-7941-277bec8bb7f1-063afd96,
  #w-node-e6be6241-18d5-bb3a-ddb5-622d2d53f688-063afd96,
  #w-node-e6be6241-18d5-bb3a-ddb5-622d2d53f68d-063afd96 {
    grid-area: auto !important;
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .div-block-7 {
    width: 100% !important;
  }

  .quote.block {
    margin-bottom: 48px;
    width: 100% !important;
  }

  .quote.content,
  .quote.underline,
  .quote.overline {
    line-height: 1.35 !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 479px) {
  .c-section-2 {
    padding-bottom: 8vw;
  }

  .c-section__headline-title {
    font-size: 10vw !important;
    line-height: 1.2 !important;
  }

  .c-section__headline-subline {
    font-size: 4.2vw !important;
    line-height: 1.45 !important;
  }

  .quote.content {
    font-size: 6.2vw !important;
    line-height: 1.3 !important;
  }

  .quote.underline {
    line-height: 1.5 !important;
  }
}