.footer-main{
  background: $primary-bg;
  padding-top: 38px;

  .logo img{
    //width: 160px;
    width: 250px;
    margin-bottom: 18px;
    //filter: brightness(0) invert(1);
  }

  .logo{
    //display: none;
    &.text-center {
      text-align: left!important;
    }
  }

  h2{
    line-height: $line-height-28;
    font-weight: $font-weight-normal;
    //color: $secondary-color;
    color: #FFFFFF;
    font-family: $font-family-pt-sans;
    text-transform: initial!important;
    padding-bottom: 2px!important;
  }

  ul li a{
    font-size: $font-size-18;
    line-height: $line-height-18;
    white-space: inherit;
  }

  .footer-menu{
    font-size: $font-size-16;
    line-height: 1.5;
    white-space: inherit;
    font-family: $font-family-pt-sans;
  }

  .pre-footer{
    //background: transparent linear-gradient(180deg, #2F251F00 0%, #212d25 100%) 0% 0% no-repeat padding-box;
    padding: 10px 0;
    .logo {
      padding-bottom: 10px!important;
    }
  }

  .copy-rights{
    background: #212d25;
    padding: 10px 0;

    .copyrights-menu{
      float: right;
    }

    .nav-link, p{
      opacity: 70%;
    }

    .nav-link{
      padding: 0;

      &:hover{
        opacity: 100%;
        color: $primary-color;
      }
    }

    p{
      float: left;
    }
  }

  @include media-breakpoint-down(md) {

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

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

      &.active:after {
        content: "\f068";
      }
    }

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

  .dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-underline-offset: 2px;
  }

  .btn{
    text-transform: none;
    font-weight: 400;
    color: #FFFFFF;
    border: 1px solid $secondary-color;
  }
}