.sc-sm:before {
    font-family: "FontAwesome";
    margin-right: 0.5em;
}
.sc-sm.instagram:before {
    content: "\f16d";
}
.sc-sm.facebook:before {
    content: "\f082";
}
.sc-sm.twitter:before {
    content: "\f081";
}


@media only screen and (min-width: 768px) {
.sc-sm {
    display: inline-block;
    width: 1em;
    overflow: hidden;
    font-size:1.5em;
    line-height: 1em;
    margin-top:-.1em;
    }
.sc-sm.instagram:before, .sc-sm.facebook:before, .sc-sm.twitter:before {
    margin-right: 1em;
    padding-left: 1px;
}
.sc-sm.instagram:hover, .sc-sm.facebook:hover, .sc-sm.twitter:hover {
    text-decoration: none;
}
.sc-sm.instagram:hover {
    color: #a8431e;
}
.sc-sm.facebook:hover {
    color: #003b5c;
}
.sc-sm.twitter:hover {
    color: #5b7f95;
}
}