.preFooter {
  position: relative;

  /* Pre-Footer Transition Color*/
  &.white { background-color: var(--white); }
  &.black { background-color: var(--black); }
  &.grey { background-color: var(--grey); }

  .innerContent {
    padding: min(10vw, 100px) 0;
    background-color: var(--green);
    border-radius: var(--radiusLarge) 0 0 0;

    .innerWrapper {
      align-items: flex-start;
      padding: 0 min(5vw, 50px);

      .content {
        h1, h2, h3, h4, h5, h6, p, ol, ul {
          color: var(--white);

          @media (max-width: 768px) {
            br {
              display: none;
            }
          }

          em {
            color: var(--black);
            font-style: normal;
          }
        }
      }
    }
  }
}