footer.footer {
  padding: 30px 15px;
  background-color: var(--primary-background-color);
  @include xs {
    padding: 20px 15px;
  }
  #site-title {
    a {
      color: var(--text-color);
      text-decoration: none;
      &:hover,
      &:focus {
        outline: none;
        border: none;
      }
    }
    @include sm {
      margin: 0 0 30px 0;
    }
  }
  .first-footer-menu,
  .second-footer-menu {
     
    span{
      margin-bottom: 20px;
      display: block;
      @include md{
        margin-bottom: 10px;
        font-size: 18px;
      }
      
    }
    ul {
      li {
        a {
          color: var(--menu-text-color);
          text-decoration: none;
        }
      }
    }
  }
  .footer-with-no-menu{
    display: flex;
    justify-content: flex-start;
    max-width: 1600px;
    margin: 0 auto;
  }
  .footer-with-one-menu{
    display: flex;
    flex-direction: row;
    max-width: 1600px;
    margin: 0 auto;
    @include sm {
      flex-wrap: wrap;
    }
    > div{
      flex: 0 0 50%;
      @include sm{
        flex: 0 0 100%;
      }
    }
  }
  .footer-with-two-menus {
    display: flex;
    flex-direction: row;
    max-width: 1600px;
    margin: 0 auto;
    @include sm {
      flex-wrap: wrap;
      ul {
        margin: 0 0 30px 0;
      }
    }

    > div {
      flex: 0 0 33%;
      @include sm {
        flex: 0 0 100%;
      }
    }
  }
}


span.copyright {
  display: block;
  margin: 0;
  font-size: 14px;
  color: var(--text-color);
  text-align: center;
}