@font-face {
    font-family: 'fontello';
     src: url('fonts/fontello.eot');
     src: url('fonts/fontello.eot') format('embedded-opentype'),
          url('fonts/fontello.woff') format('woff'),
          url('fonts/fontello.ttf') format('truetype'),
          url('fonts/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   [class^="wa-icon-"]:before, [class*=" wa-icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
   }

.wa-icon-facebook:before { content: '\f09a'; }
.wa-icon-twitter:before { content: '\f099'; }
.wa-icon-gplus:before { content: '\f30f'; }

.push {display: block;float:left;width: 20%;min-width: 100px;line-height: 2.5rem;margin: .5rem .5rem 1rem 0;font-size: 1.1rem;text-align: center;color:#fff !important;cursor: pointer;}

.facebook {background-color:#3b5998;}
.facebook:hover {background-color:#2d4373;}
.twitter {background-color:#55acee;}
.twitter:hover {background-color:#2795e9;}
.google {background-color:#dd4b39;}
.google:hover {background-color:#c23321;}