.social-block {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1em 0;
}
.social-item {
  margin: 0.4em;
}
.social-item a {
  width: 66px;
  height: 66px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5); text-align: center;
  -webkit-transition:all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}
.social-item#facebook a { background-color: #3b5998; }
.social-item#twitter a { background-color: #1da1f2; }
.social-item#instagram a { background-color: #d93175; }
.social-item#youtube a { background-color: #ff0000; }
.social-item#pinterest a { background-color: #bd081c; }

.social-item a:hover {
  -webkit-transition:all 150ms cubic-bezier(.29,.86,.76,1.41);
  transition: all 150ms cubic-bezier(.29,.86,.76,1.41);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.socials {
  display: inline-block;
  vertical-align: middle;
  width: 29%;
  text-align: right;
}
.social-icon {
  width: 50px;
  height: 50px;
  margin-left: 1px;
  display: inline-block;
  clear: none;
  background-color: rgba(255, 255, 255, 0.09);
  opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social-icon img {
  max-width: 60px;
  max-height: 60px;
  width: auto;
  height: auto;
  display: inline-block;
}
.social-icon:hover {
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}