.social-navigation {
	position: relative;
	width: 100%;
}

.social-navigation > * {
	font-size: 25px;
	line-height: 1;
	padding: 20px 0 0;
	text-align: center;
}

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

.social-navigation li {
	display: inline-block;
	padding: 0 7px;
}

.social-navigation a {
	display: block;
	height: 25px;
	text-align: center;
	width: 25px;
}

.social-menu a span {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.social-menu a:before {
	content: '\f0c1';
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.social-menu a[href*="behance.com"]:before,
.social-menu a[href*="behance.net"]:before {
	content: '\f1b4';
}

.social-menu a[href*="digg.com"]:before {
	content: '\f1a6';
}

.social-menu a[href*="dribbble.com"]:before {
	content: '\f17d';
}

.social-menu a[href*="facebook.com"]:before {
	content: '\f09a';
}

.social-menu a[href*="flickr.com"]:before {
	content: '\f16e';
}

.social-menu a[href*="foursquare.com"]:before {
	content: '\f180';
}

.social-menu a[href*="github.com"]:before {
	content: '\f09b';
}

.social-menu a[href*="linkedin.com"]:before {
	content: '\f0e1';
}

.social-menu a[href*="pinterest."]:before {
	content: '\f0d2';
}

.social-menu a[href*="plus.google.com"]:before {
	content: '\f0d5';
}

.social-menu a[href*="instagr.am"]:before,
.social-menu a[href*="instagram.com"]:before {
	content: '\f16d';
}

.social-menu a[href*="reddit.com"]:before {
	content: '\f281';
}

.social-menu a[href*="skype.com"]:before {
	content: '\f17e';
}

.social-menu a[href*="soundcloud.com"]:before {
	content: '\f1be';
}

.social-menu a[href*="spotify.com"]:before {
	content: '\f1bc';
}

.social-menu a[href*="tumblr.com"]:before {
	content: '\f173';
}

.social-menu a[href*="twitch.tv"]:before {
	content: '\f1e8';
}

.social-menu a[href*="twitter.com"]:before {
	content: '\f099';
}

.social-menu a[href*="vimeo.com"]:before {
	content: '\f194';
}

.social-menu a[href*="wordpress.com"]:before,
.social-menu a[href*="wordpress.org"]:before {
	content: '\f19a';
}

.social-menu a[href*="youtube.com"]:before {
	content: "\f167";
}

/* RSS */
.social-menu a[href*='/feed']:before {
	content: "\f09e";
}

/* Email */
.social-menu a[href*='mailto']:before {
	content: "\f0e0";
}

/* Icons aren't shown in small screen layouts */
@media screen and (min-width: 881px) {

	.social-navigation {
		flex-grow: 1;
		width: auto;
	}

	.social-navigation > * {
		font-size: 20px;
		padding: 0;
		text-align: right;
	}

}

.fa {
  padding: 10px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}
