.copyright {
   padding-top: 30px;
   padding-bottom: 30px;
   color: $black;

   a {
      @include underline-hover;
   }

   li {
      margin-left: 30px;
   }

   ul ~ div:last-child {
      flex-grow: 1;
      text-align: right;
   }

   @media screen and (max-width: $lg - 1) {
      flex-wrap: wrap;
      justify-content: center;

      ul {
         margin-bottom: 20px;
         order: -1;
         text-align: center;
         width: 100%;
      }

      li {
         margin-left: 0;
         padding: 2px 5px;
      }

      ul ~ div:last-child {
         flex-grow: 0;
         margin-left: 20px;
      }
   }
}
