.copyright {
   color: #919191;
   font-size: 12px;

   a {
      @include underline-hover;

      color: inherit;

      @include haf {
         color: $white;
      }
   }

   li + li::before {
      content: "|";
      margin: 0 8px;
   }

   ul {
      margin-right: auto;
   }

   ul,
   p {
      margin-bottom: 1rem;
   }

   @media screen and (max-width: $lg - 1) {
      display: block;
      padding-bottom: 1rem;
      text-align: center;

      ul {
         margin-bottom: 8px;
      }

      p:last-child {
         margin-bottom: 0;
      }
   }

   @media screen and (max-width: $xs - 1) {
      li {
         display: block;

         + li {
            @include delete-before;
         }

      }
   }
}
