/* Footer (web/partials/site_footer), loaded by that partial on every page that shows it */
footer {
  background: #062c5e;
  color: #d7e7fb;
  padding: 18px 0;
  font-size: 12px
}

/* Phones: both lines centred */
@media(max-width:767.98px) {
  footer .container {
    flex-direction: column;
    align-items: center;
    gap: 4px !important;
    text-align: center
  }
}

/* Stays above the decorative shapes on the login and register pages */
footer {
  position: relative;
  z-index: 3
}