footer {

min-height: 336px;
background: $black;
border-radius: 4px;
color: rgba($white, 0.7);
line-height: 1.8;
z-index: 2;
width: 100%;

@media #{$L-plus} {
  padding: 0 95px;
}

.container {
  background: $black;
  display: flex;
  margin: 80px auto;
  flex-wrap: wrap;

  @media #{$S-only} {
    margin: 40px auto;
  }

  > div {
    flex: 3;
    min-width: 150px;
    margin-bottom: $spacing;
  }

  #footer-outbound-links {
    display: flex;
    flex-direction: column;
    min-width: 260px;
    align-items: center;

    h5 {
      margin-bottom: 0px;
    }

    .Nxd-api-badge {
      background: $grey-darker !important;
    }

    a {
      display: flex;
    }

    @media #{$S-only} {
      align-items: flex-start;
    }
  }

  @include tablet {
    > div {
      flex-grow: 1.45;
    }

    #footer-outbound-links {
      margin-top: $spacing;
      flex: none;
      width: 100%;
    }
  }
}

.Vlt-col {
  @media #{$S-only} {
    margin-bottom: 32px;
  }
}

h5 {
  color: $white;
  line-height: 24px;
  padding-bottom: 8px;
}

a {
  color: rgba($white, 0.7);
  font-size: 1.4rem;
  display: block;
  line-height: 14px;

  &:hover {
    color: $white;
  }
}

p {
  color: $white;
}

}

footer-logo {

margin: 0 auto $spacing;

.Nxd-product__title {
  align-items: baseline;
  text-align: left;
}

.Nxd-logo__image {
  width: 220px;
  height: 28px;
}

@media #{$S-only} {
  margin: auto auto 20px 0;
}

}

footer-copyright {

a {
  border-bottom: 1px dotted lighten($atom, 20%);
}

}

footer-social-links {

text-align: center;
font-size: 24px;
display: flex;
margin-top: 25px;
justify-content: center;
width: 100%;
justify-content: space-around;

a {
  margin: 0 10px;
  display: inline-block;
}

@media #{$S-only} {
  justify-content: flex-start;
}

}