.footer {
 display: flex;
 flex-flow: row wrap;
 color: var(--footertxcolor);
 background-color: var(--footerbkcolor);
 border: 1px solid #e5e5e5;
 border-radius: 15px;
 margin-top: 15px;
}

.footer>* {
 flex: 1 100%;
}

.nav__title {
 color: var(--footertxcolor);
 font-size: 14px;
 font-weight: bold;
}

.footer ul {
 list-style: none;
 padding-left: 0;
}

.footer li {
 line-height: 2em;
}

.footer a {
 text-decoration: none;
 color: var(--footertxcolor);
}

.footer__nav {
 display: flex;
 flex-flow: row wrap;
 font-size: 14px;
}

.footer__nav>* {
 flex: 1 50%;
 margin-right: 1.25em;
 margin-left: 1.25em;
}

.nav__title a {
 color: var(--footertxcolor);
 text-decoration: underline;
}

@media screen and (min-width: 24.375em) {
 .legal .legal__links {
  margin-left: auto;
 }
}

@media screen and (min-width: 40.375em) {
 .footer__nav>* {
  flex: 1;
 }

 .nav__item--extra {
  flex-grow: 2;
 }

 .footer__nav {
  flex: 2 0px;
 }
}