.footer {
  background-color: #175b9c;
  color: rgba(var(--white-rgb), 0.76);
  display: none;
  font-weight: 300;
  line-height: 1.75;
}

@media (min-width: 992px) {
  .footer {
    display: flex;
  }
}

@media (min-width: 1200px) {
  .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.footer a {
  color: rgba(var(--white-rgb), 0.76);
}

.footer a:hover {
  text-decoration: underline;
}

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

.footer-only {
  font-size: 36px;
  font-weight: 600;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}