/* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */
.webicon {
    display: inline-block;
    background-size: 100%;
    width: 30px;
    height: 30px;
    text-indent: -999em;
    text-align: left;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1px;
}

.webicon:hover {
    margin: 0 0 1px;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

.webicon.large {
    width: 48px;
    height: 48px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.webicon.f500px {
    background: url("../images/webicons/webicon-f500px.svg");
}

.webicon.github {
    background: url("../images/webicons/webicon-github.svg");
}

.webicon.goodreads {
    background: url("../images/webicons/webicon-goodreads.svg");
}

.webicon.googleplus {
    background: url("../images/webicons/webicon-googleplus.svg");
}

.webicon.linkedin {
    background: url("../images/webicons/webicon-linkedin.svg");
}

.webicon.twitter {
    background: url("../images/webicons/webicon-twitter.svg");
}

.webicon.wordpress {
    background: url("../images/webicons/webicon-wordpress.svg");
}

.webicon.mail {
    background: url("../images/webicons/webicon-mail.svg");
}

.webicon.instagram {
    background: url("../images/webicons/webicon-instagram.svg");
}

.webicon.sfaqi {
    background: url("../images/webicons/sf-aqi.svg");
}