.social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-icons--heading {
  text-align: center;
}
.social-icons--subheading {
  text-align: center;
  font-weight: bold;
  padding-bottom: 20px;
}
.social-icons a {
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
  border: 1px solid var(--navy-dark);
  width: 42px;
  height: 42px;
  padding: 8px;
  border-radius: 100%;
}
.social-icons a:hover {
  background-color: var(--navy-dark);
}
.social-icons a:hover img, .social-icons a:hover picture {
  filter: invert(1) brightness(1.5);
}
.social-icons a span {
  text-decoration: underline;
}