@font-face {
	font-family: 'socicon';
	src: url('font/socicon.eot');
	src: url('font/socicon.eot?#iefix') format('embedded-opentype'),
	url('font/socicon.woff') format('woff'),
	url('font/socicon.woff2') format('woff2'),
	url('font/socicon.ttf') format('truetype'),
	url('font/socicon.svg#sociconregular') format('svg');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}

.social a {
	height: 39px;
	text-decoration: none;
	display: inline-block;
	margin: 0px 3%;
}

[class^="socicon-"], [class*=" socicon-"] {
	font-family: 'socicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ffffff;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class*=" socicon-"]:before {
	padding: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	display: inline-block;
}

.socicon-github:before {
	content: "\51";
	background-color: #221e1b;
}

.socicon-500px:before {
	content: "\77";
	background-color: #58a9de;
}

.socicon-facebook:before {
	content: "\62";
	background-color: #3e5b98;
}

.socicon-linkedin:before {
	content: "\6a";
	background-color: #3371b7;
}

.socicon-instagram:before {
	content: "x";
	color: #fff;
	vertical-align: middle;
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.socicon-xing:before {
	content: "\6c";
	background-color: #005a60;
}