.footer-main {
  background: $fifth-color;

  .pre-footer {
    padding: 50px 0;

    @include media-breakpoint-between(md, lg) {
      padding: 0px 24px 50px 25px;
    }

    @include media-breakpoint-up(md) {
      .row>div {
        padding: 0;
      }
    }

    h2 {
      @include media-breakpoint-down(md) {
        font-size: 1.2rem;
        padding: 10px 15px;
      }
    }

    .footer-menu {
      @include media-breakpoint-down(md) {
        padding: 10px 20px 10px 20px;
        white-space: normal;

        br+br {
          display: none;
        }

        a {
          color: $secondary-color;
        }

        img {
          background: $fifth-color;
          padding: 10px;
          margin-top: 10px;
          margin-bottom: 10px;
        }
      }
    }
  }

  h2 {
    color: $primary-color;
    text-transform: none;
  }

  .footer-menu {
    color: $primary-color;
    font-size: $font-size-16;
    white-space: nowrap;

    @include media-breakpoint-down(md) {
      color: #e6b900;
    }

    .dropdown-item.active {
      color: $fifth-color;
    }

    ul li a {
      color: $primary-color;
      text-decoration: none;

      @include media-breakpoint-down(md) {
        color: #e6b900;
      }

      &:hover {
        color: rgba(255, 255, 255, 0.7);

        @include media-breakpoint-down(md) {
          color: #e6b900;
        }
      }
    }

    a {
      color: $primary-color;
      font-weight: 500;
      text-decoration: underline;
    }
  }

  .copy-rights {
    background: $fifth-color;
    font-size: $font-size-14;

    a {
      text-decoration: underline;
      font-weight: $font-weight-medium;
    }

    /* Copyright left */
    p {
      font-weight: $font-weight-medium;
      float: left;
    }

    /* Copyright Menu Right */
    .copyrights-menu {
      float: right;

      ul li a,
      ol li a {
        padding: 0;
      }
    }
  }

  @include media-breakpoint-down(md) {

    background: $primary-color;

    h2 {
      background: $secondary-color;
      border: none;

      &:after {
        content: "\f067";
      }
    }

    .footer-menu {
      background: none;
      border: 3px solid $secondary-color;
    }
  }
}