
.social-icons {
  width: 40px;
  min-height: 40px;
  display: inline-block;
  margin-right: 10px;
  background-image: url(../images/footer-icons.png);
  background-repeat: no-repeat;
}

.social-icon-twitter {
  background-position: 0 -40px;
  &:hover {
    background-position: -40px -40px;
  }
}

.social-icon-facebook {
  background-position: 0 -80px;
  &:hover {
    background-position: -40px -80px;
  }
}

.social-icon-linkedin {
  background-position: -80px 0;
  &:hover {
    background-position: -80px -40px;
  }
}

.social-icon-youtube {
  background-position: 0 0;
  &:hover {
    background-position: -40px 0;
  }
}