@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

*, *:after, *::before{
  box-sizing: border-box;
}

.social {
  padding: 0;
  list-style: none;
}

.social li {
  display: inline-block;
  padding: 0;
  margin-bottom: -3px;
}

.social li a {
  transition: color 0.1s, background-color .2s, border-color .2s;
  display: block;
  float: left;
  margin: 0 .1em .2em 0;
  text-align: center;
  font-size: 25px;
  width: 64px;
  line-height: 60px;
  color: #516075;
  border-radius: 4px;
  border: 1px solid #dde4e6;
  text-decoration: none !important;
}

.social li a:hover {
  color: #fff !important;
  background-color: #333;
  border-color: transparent;
}

.social li a.fa-twitter:hover {
  background-color: #5ec3df;
}

.social li a.fa-google-plus:hover {
  background-color: #c63d2d;
}

.social li a.fa-facebook:hover {
  background-color: #3c5fac;
}