.social-bar {
    position: fixed;
    left: 0;
    bottom: 15%;
    z-index: 9999;
}

    .social-bar a {
        display: block;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 28px;
        text-align: center;
        color: #fff;
    }

        .social-bar a.i {
            background: #FF0099;
        }

        .social-bar a.f {
            background: #3B5998;
        }

        .social-bar a.w {
            background: #33CC00;
        }

        .social-bar a.t {
            background: #27b10d;
        }


@media only screen and (max-width: 767px) {
    #back-top {
        bottom: 52px;
    }

    .social-bar {
        bottom: -1px;
        width: 100%;
    }

        .social-bar a {
            float: left;
            width: 25%;
        }
}