.dark-callout {
  padding: 100px 0;
  background-color: var(--c-gray-900);

  @media(max-width: 768px) {
    padding: 50px 0;
  }

  h2 {
    margin: 0 0 0.8em;
    color: var(--c-gray-25);
    font-size: var(--fs-3xl);
    text-align: center;
    line-height: 90%;
    letter-spacing: -2.25px;
  }

  .text {
    max-width: 670px;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    font-style: italic;
    background-color: var(--c-gray-25);

    @media(max-width: 768px) {
      max-width: none;
      margin: 0 -20px;
    }
  }
}