footer {
  background: linear-gradient(320deg, rgba(161, 35, 80, 1), rgba(75, 37, 72, 1));
  height: var(--height-footer);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
  .breakpoint-mobile-only footer,
  .breakpoint-tablet-portrait footer {
    bottom: 73px;
    height: calc(var(--height-footer)*1.6); 
  }

  .breakpoint-tablet-portrait footer {
    bottom: 0;
  }
  @media only screen and (min-width: 599px) and (max-width: 631px) {
    .breakpoint-tablet-portrait footer {
      bottom: 73px;
      height: calc(var(--height-footer)*1.6); 
    }
  }
footer p.footer__attribution {
  color: var(--color-white); 
  font-family: var(--condensed-font);
  font-size: var(--text-small);
  padding-top: 3rem;
  text-align: center;
}
  .breakpoint-mobile-only p.footer__attribution {
    padding-top: 1.5rem;
  }

.footer__attribution--seperator {
  color: var(--color-primary-light);
  padding: 0 0.4rem 0 0.4rem;
}

.footer__attribution a {
  color: var(--color-white);
}

.footer__attribution a:hover, .footer__attribution a:focus, .footer__attribution a:active  {
  color: var(--color-primary-light);
}

.footer__funded {
  margin-top: 1rem;
  display: block;
}


/*.breakpoint-mobile-only .footer__attribution a,
.breakpoint-mobile-only .footer__attribution span {
  display: ;
}*/

.footer__logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
  .footer__logo a {
    text-decoration: none;
  }
    .footer__logo a img {
      height: 2rem;
      margin-right: 1rem;
      width: auto;
    }

.breakpoint-tablet-landscape .footer__logo,
.breakpoint-desktop .footer__logo, 
.breakpoint-widescreen .footer__logo {
  display: none;
}
.breakpoint-tablet-portrait .footer__logo,
.breakpoint-mobile-only .footer__logo {
  display: flex;
}