.j-media-icons {
	width: 40px;
	position: fixed;
	top: 30%;
	z-index: 100;
}

.j-media-icons ul {
	margin: 0;
	padding: 0;
}

.j-media-icons ul li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	padding: 10px 0;
	opacity: 0.6;
}

.j-media-icons ul li:hover{
	opacity: 1;
}

.j-media-icons ul li a {
	text-align: center;
	text-decoration: none;
	padding: 10px 12px;
}

.j-media-icons ul li.facebook {
	background: #3b5998;
}

.j-media-icons ul li.facebook a {
	color: #ffffff;
	padding: 10px 15px;
}

.j-media-icons ul li.twitter {
	background: #000000;
}

.j-media-icons ul li.twitter a {
	color: #ffffff;
}

.j-media-icons ul li.instagram {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.j-media-icons ul li.instagram a {
	color: #ffffff;
}

.j-media-icons ul li.vimeo {
	background: #1da1f2;
}

.j-media-icons ul li.vimeo a {
	color: #ffffff;
}

.j-media-icons ul li.youtube{
	background: #ff0000;
}

.j-media-icons ul li.youtube a {
	color: #ffffff;
}