ul.icons {
  list-style: none;
  padding: 0 2rem;
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  right: 0;
  z-index: 1;
}

ul.icons li {
  margin-left: 1rem;
}

ul.icons li a:hover {
  color: #00d0ff;
}

@media screen and (max-device-width: 1024px) {
  ul.icons {
    position: relative;
    padding: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 100%;
  }

  ul.icons li {
    margin: 0 1rem 0 0;
  }
}

@media screen and (max-width: 648px) {
  ul.icons {
    position: relative;
    padding: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  ul.icons li {
    margin: 0 1rem 0 0;
  }
}

ul.footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 6 !important;
}

ul.footer-nav li {
  z-index: 6 !important;
}

footer img {
  width: 30px;
  height: 30px;
  margin-right: 0px;
  filter: brightness(0) invert(1);
}

footer:hover img {
  filter: grayscale(0) brightness(100%);
}

footer h1 {
  z-index: -1 !important;
}

footer:hover h1.cyan-text-hover {
  color: #00d0ff;
}

footer:hover h1 span.yellow-text-hover {
  color: #fcd702;
}