.socialList {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: calc(1rem + 5vw);
  padding-right: calc(1rem + 5vw);
  margin: 0;
  list-style: none;
  position: fixed;
  bottom: 0;
  background-color: rgba(255,255,255,.7);
  right: 50%;
  transform: translateX(50%);
  width: 100vw;
  @include media-breakpoint-up(sm) {
    padding-left: 0;
    padding-right: 0;
    top: 1rem;
    right: 2rem;
    transform: none;
    width: 20rem;
    bottom: auto;
    background-color: transparent;
  }
  @include media-breakpoint-up(md) {
    width: 15rem;
  }
  @include media-breakpoint-up(lg) {
    top: 6.4rem;
    right: 10rem;
    transform: none;
    width: 25rem;
  }

  display: flex;
  justify-content: space-between;

  i {
    transition: all .5s ease;
    text-shadow: .1rem .1rem .2rem $brand-primary-light;

  }
}