#socnet a {
display: inline-block;
text-align: center;
vertical-align: middle;
margin: 0 8px 8px 0;
font-size: 0px;
}

.icon-social {
    position: relative;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #312e29;
    border-radius: 8px;
}
.icon-social:hover,
.icon-social:focus {
    color: #fff;
}
.icon-social::before {
  line-height: 40px;
  font-family: 'Font Awesome 5 Brands';
  font-size: 25px;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
.icon-facebook::before {
    content: "\f39e";
}
.icon-facebook:hover,
.icon-facebook:focus {
    background: #3b5998;
}
.icon-instagram::before {
    content: "\f16d";
}
.icon-instagram:hover,
.icon-instagram:focus {
    background: linear-gradient(#2E4DF4, transparent), linear-gradient(90deg, #FDB644, transparent), linear-gradient(-90deg, #E2198E, transparent), linear-gradient(-90deg, #F11B64, transparent);
}
.icon-youtube::before {
    content: "\f167";
}
.icon-youtube:hover,
.icon-youtube:focus {
    background: #e52d27;
}
.icon-tumblr {
    background-position: 0 -80px;
}
.is-disabled.icon-tumblr {
    background-position: -65px -80px;
}
.icon-tumblr:hover,
.icon-tumblr:focus {
    background-position: -130px -80px;
}
.icon-twitter {
    background-position: 0 -120px;
}
.is-disabled.icon-twitter {
    background-position: -65px -120px;
}
.icon-twitter:hover,
.icon-twitter:focus {
    background-position: -130px -120px;
}
.icon-pinterest {
    background-position: 0 -160px;
}
.is-disabled.icon-pinterest {
    background-position: -65px -160px ;
}
.icon-pinterest:hover,
.icon-pinterest:focus {
    background-position: -130px -160px;
}
.icon-stumbleupon {
    background-position: 0 -200px;
}
.is-disabled.icon-stumbleupon {
    background-position: -65px -200px;
}
.icon-stumbleupon:hover,
.icon-stumbleupon:focus {
    background-position: -130px -200px;
}
.icon-linkedin     {
    background-position: 0 -280px;
}
.is-disabled.icon-linkedin {
    background-position: -65px -280px;
}
.icon-linkedin:hover,
.icon-linkedin:focus {
    background-position: -130px -280px;
}
.icon-rss {
    background-position: 0 -320px;
}
.is-disabled.icon-rss {
    background-position: -65px -320px;
}
.icon-rss:hover,
.icon-rss:focus {
    background-position: -130px -320px;
}