/** @format */

.footer-copy {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  color: var(--color-light-gray);
}

.footer-copy li {
  font-size: 0.875rem;
  color: var(--color-light-gray);
}

.footer-copy li + li:before {
  display: inline-block;
  margin: 0 6px;
  content: '|';
}

.footer-copy li:first-child,
.footer-copy li:last-child {
  width: 100%;
  text-align: center;
}

.footer-copy li:first-child + li:before {
  display: none;
}

.footer-copy li:last-child:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .footer-copy {
    justify-content: unset;
  }

  .footer-copy li:first-child,
  .footer-copy li:last-child {
    width: auto;
  }

  .footer-copy li:first-child:before,
  .footer-copy li:last-child:before {
    display: inline-block;
  }
}