:root {
    --highlight-color: #e4e4e4;
    --text-color: #1a1919;
    --footer-height: 4.3rem;
}

.footer-basic {
  background-color: var(--base-color);
  color: white;
  text-align: center;
  font-size: 1.1em;
  height: var(--footer-height);
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-basic a {
  color: white;
  text-decoration:none;
}

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

.copyright {
  text-align:center;
  font-size: 0.75em;
  color:#aaa;
}


@media (max-width: 850px) {
  :root {
    --footer-height: 3rem;
  }
  .footer-basic {
    height: var(--footer-height);
  }
}