.pre-footer .row {
  @include media-breakpoint-up(lg) {
    >* {
      flex: 0 0 33.33%;
      width: 33.33%;
    }
  }

  .logo {
    img {
      max-width: 217px;
      margin-left: 0;
      display: block;

      @include media-breakpoint-down(md) {
        margin-left: auto;
        margin-right: auto;
      }
    }

  }
}

.footer-main {
  background: $white;
  color: $brown;
  font-size: $font-size-16;

  .pre-footer {
    padding: 100px 0 0 0;
  }

  h2 {
    border: none;
  }

  .copy-rights {
    background: $white;

    &>.container {
      border-top: 1px solid #e5e5e5;
      padding-top: 15px;
    }
  }

  .footer-menu {
    @include media-breakpoint-down(md) {
      padding: 20px;
      border: 3px solid $tertiary-color;
    }
  }

  .footer-menu ul li a,
  .copyrights-menu ul li a,
  .copyrights-menu ol li a {
    color: $brown;
  }
}