footer img.lockup {
  max-width: 16rem;
}
footer ul.pipe-separated li {
  border-color: var(--bluegrass);
}

footer .social-media-icons a:hover {
  color: var(--bluegrass);
  transition-property: color;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 600px) {
  footer .menu ul {
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (max-width: 900px) {
  footer ul.pipe-separated.footer-contact-info {
    flex-direction: column;
    align-items: center;
  }

  footer ul.pipe-separated.footer-contact-info li {
    border-right: none;
  }
}