.footer {

flex: 1;

@include header-links;

      background-image: url($centos-img-motif);
      background-size: cover;
background-position: top left;

%-margin {
  margin-top: $line-height-base * 1.5rem;
}

      color:            $white;
      background-color: $dark;
font-size:        $font-size-base * 0.9;
text-shadow: 0 0 5px $dark;

scroll-margin-top: $scroll-margin-top;

      ul {
              padding: 0;
              list-style: none;
              line-height: 1.6;
              margin-bottom: 0;
      }

.links {
  @extend .col-md-3;
  @extend %-margin;
}

.project {
  @extend .col;
  @extend %-margin;

  .social {
    a {
      margin-right: 1rem;
    }
  }
}

.sponsor {
  @extend %-margin;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  &__message {
    @extend .col-md-6, .col-lg-8;
  }
  &__logo {
    @extend .col-md-6, .col-lg-4;
    text-align: center;
    img {
      height: 90px;
      padding: 15px;
      background-color: $white;
    }
  }
}

.copyright {
  @extend .col;
  @extend %-margin;
  font-size: small;
}

#topbtn {
  position: fixed;
  bottom: 15px;
  right: 15px;
}

}