/**
 * Footer
 */

.footer {
  margin: 0 auto;
  padding: 15px 0;
}

.footer-connect {
  --hf: var(--sans);
  --hw: 700;
}

.footer-connect > * {
  margin-top: 20px;
  max-width: 340px;
}

.footer svg,
.footer .icon {
  height: 30px;
  margin-right: 10px;
}

.footer .icon {
  width: 30px;
  background-color: white;
  border-radius: 20%;
}

.footer .icon img {
  display: block;
  border-radius: 20%;
  width: 28px;
  height: 28px;
  margin: 1px 0 0 1px;
}

.footer .social svg {
  height: 35px;
  margin-right: 20px;
}

.footer .more-link {
  margin-top: .2em;
}

.bottom-nav a {
  display: block;
  margin: 15px;
}

@media (min-width: 600px) {
  .footer-links {
    display: flex;
    flex: 1 1 auto;
  }

  .bottom-nav {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .footer {
    display: flex;
    padding: 30px 0;
    max-width: 1170px; /* wider for .package kids */
  }
}