@font-face {
    font-family: 'Genericons';
    src: url('../fonts/genericons/genericons-regular-webfont.eot');
    src: url('../fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/genericons/genericons-regular-webfont.woff') format('woff'),
         url('../fonts/genericons/genericons-regular-webfont.ttf') format('truetype'),
         url('../fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#menu-social .genericons li a::before {
	content:        '\f408';
	font-family:    'Genericons';
}

/* Supported by Genericons and Font Awesome and Zurb Foundation */
#menu-social .genericons li a[href*="dribbble.com"]::before {content: '\f201'; color: #ea4c89; }
#menu-social .genericons li a[href*="dropbox.com"]::before {content: '\f225';  }
#menu-social .genericons li a[href*="facebook.com"]::before { content: '\f203'; color: #3b5998; }
#menu-social .genericons li a[href*="flickr.com"]::before { content: '\f211'; color: #ff0084; }
#menu-social .genericons li a[href*="github.com"]::before { content: '\f200'; color: #171515; }
#menu-social .genericons li a[href*="instagram.com"]::before { content: '\f215'; color: #3f729b; }
#menu-social .genericons li a[href*="linkedin.com"]::before { content: '\f208'; color: #0e76a8; }
#menu-social .genericons li a[href*="pinterest.com"]::before { content: '\f210'; color: #c8232c; }
#menu-social .genericons li a[href*="plus.google.com"]::before { content: '\f206'; color: #dd4b39; }
#menu-social .genericons li a[href*="skype.com"]::before,
#menu-social .genericons li a[href*="skype:"]::before          { content: '\f220';  color: #00aff0; }
#menu-social .genericons li a[href*="tumblr.com"]::before { content: '\f214'; color: #34526f; }
#menu-social .genericons li a[href*="twitter.com"]::before { content: '\f202'; color: #33ccff; }
#menu-social .genericons li a[href*="youtube.com"]::before { content: '\f213'; color: #c4302b; }

/* Supported by Genericons and Zurb Foundation */
#menu-social .genericons li a[href*="digg.com"]::before { content: '\f221'; color: #5588aa; }
#menu-social .genericons li a[href*="path.com"]::before { content: '\f219';  }
#menu-social .genericons li a[href*="reddit.com"]::before { content: '\f222'; color: #336699; }
#menu-social .genericons li a[href*="stumbleupon.com"]::before { content: '\f223'; color: #ff2618; }
#menu-social .genericons li a[href*="vimeo.com"]::before { content: '\f212'; color: #1AB7EA; }
#menu-social .genericons li a[href*="wordpress.org"]::before,
#menu-social .genericons li a[href*="wordpress.com"]::before { content: '\f205'; color: #21759b; }

/* Supported by Genericons Only */
#menu-social .genericons li a[href*="codepen.io"]::before { content: '\f216'; color: #000; }
#menu-social .genericons li a[href*="getpocket.com"]::before { content: '\f224';  }
#menu-social .genericons li a[href*="polldaddy.com"]::before { content: '\f217'; color: #bc0b0b; }