.social.facebook,
.social.github,
.social.google,
.social.microsoft,
.social.stackoverflow,
.social.linkedin,
.social.twitter,
.social.apple{
    background-image: none;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    display: block;
    padding: 7px 0;
    font-size: 14px;
    background: #f5f5f5;
    text-align: center;
    color: #72767b;
    font-weight: normal;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    color: #88939c;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
}
.social.microsoft:before{ content: "\f15d"; }
.social.stackoverflow:before{ color: inherit; }


.fa-apple-icon {
    font-family: 'FontAwesome'; /* Assuming FontAwesome is included */
    content: "\f179"; /* Unicode for Apple icon */
}
.fa-google-icon {
    font-family: 'FontAwesome';
    content: "\f1a0"; /* Unicode for Google icon */
}
.fa-github-icon {
    font-family: 'FontAwesome';
    content: "\f09b"; /* Unicode for GitHub icon */
}
.fa-facebook-icon {
    font-family: 'FontAwesome';
    content: "\f09a"; /* Unicode for Facebook icon */
}