.components__social {
    padding: 0;
    margin-bottom: 1em;
}

.components__social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.components__social ul li {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-right: 3px;
    background-color: #EAEAEA;
}

.components__social ul li a {
    display: inline-block;
    width: 37px;
    height: 37px;
}

.components__social ul li a:before {
    position: relative;
    left: 13px;
    top: 10px;
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/Font_Awesome/fontawesome-webfont.eot?v=3.2.0");
  src: url("../fonts/Font_Awesome/fontawesome-webfont.eot?#iefix&v=3.2.0") format("embedded-opentype"), url("../fonts/Font_Awesome/fontawesome-webfont.woff?v=3.2.0") format("woff"), url("../fonts/Font_Awesome/fontawesome-webfont.ttf?v=3.2.0") format("truetype"), url("../fonts/Font_Awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-print:before {
    content: "";
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-twitter:before {
    content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-edit:before{
    content: "\f044";
}