.footer-primary {
      padding: 0;
      padding-top: 5rem;
      padding-bottom: 0.5rem;
      background-color: var(--bwj-background-mid);
    }
    .footer-main {
      width: 100%;
      max-width: var(--bwj-content-width);
      margin: 0 auto;
      padding: 0 1.5rem;
      display: flex;
      flex-wrap: nowrap;
    }

    .footer-col {
      width: 25%;
      flex-shrink: 0;
      padding: 0 0.5rem;
      padding-bottom: 2rem;
    }


.footer-col.three-up {
    width: 33.33333333333333333333333333%;
}

    .footer-col > h3 {
      font-weight: 700;
      padding: 0;
      font-size: 1.2rem;
      margin-bottom: 1rem;
    }

    @media screen and (max-width: 500px) {
      .footer-main {
        flex-direction: column;
      }
        .footer-col, .footer-col.three-up {
            width: 100%;
        }
      .footer-main h3 {
        text-align: center;
      }
      .footer-main h2 {
        justify-content: center;
      }
    }

    .footer-main h2 {
      font-size: 0.5rem;
    }

    @media screen and (min-width: 501px) and (max-width: 921px) {
      .footer-main {
        flex-wrap: wrap;
      }
        .footer-col, .footer-col.three-up {
            width: 50%;
        }
    }

    .footer-menu {
      margin: 0;
      padding: 0;
    }
    .footer-menu > li {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      line-height: 2;
    }
    .footer-menu > li > a {
      text-decoration: none;
      color: var(--bwj-black);
      font-weight: 500;
    }
    .footer-menu > li > a:hover {
      color: var(--bwj-theme-primary);
    }
    @media screen and (max-width: 500px) {
      .footer-menu {
        text-align: center;
      }
    }

.footer-secondary {
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em 2em;
    background-color: var(--bwj-background-dark);
    padding: 1em 2.5em;
}
    .footer-secondary span {
      display: block;
      white-space: nowrap;
    }