$copyright-color: $text-muted !default;
$copyright-font-size: $font-size-smaller !default;

.copyright {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 40px 0;
   color: $copyright-color;
   font-size: $copyright-font-size;

   a {
      @include underline-hover;

      color: $copyright-color;
   }

   ul {
      margin-left: auto;
   }

   li {
      margin-right: 20px;
   }

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

      > * {
         width: 100%;
         text-align: center;
         margin-bottom: 10px;
      }

      li {
         margin: 0 10px;
      }
   }
}
