.footer-main {
  background: transparent linear-gradient(180deg, $sixth-color 0%, $primary-color 100%) 0% 0% no-repeat padding-box;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 300;

  .pre-footer,
  .footer-menu a {
    color: $primary-bg;
  }

  .footer-menu {
    width: 115%;

    .col {
      padding-bottom: 20px;
    }

    .col-md-auto {
      width: 50px !important;
    }
  }

  .pre-footer {
    padding-top: 200px;
  }

  .pre-footer li a:hover,
  .footer-menu a:hover {
    color: $secondary-bg;
  }

  h2 {
    text-shadow: none;
    letter-spacing: inherit;
    padding-bottom: 20px;
    color: $white;
  }

  .copy-rights {
    background: $primary-color;
    color: $primary-bg;
  }
}

@include media-breakpoint-down(md) {
  .footer-menu {
    background-color: transparent;
  }

  .footer-main h2 {
    background: none;
    border: none;
  }

}