
	#social-media-menu {
		position: fixed;
		left: 0;
		top: 50vh;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		z-index: 100;
		overflow:visible
	}
	#social-media-menu::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 100%;
		-webkit-box-shadow: 0 0 10px 0 rgba(68, 68, 68, .15);
		box-shadow: 0 0 10px 0 rgba(68, 68, 68, .15);
		opacity: .5;
		pointer-events:none
	}
	
	#social-media-menu a {
		width: 40px;
		height: 40px;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		position:relative
	}
	
	#social-media-menu a:hover {
		background-color:#ff40b4 !important
	}
	
	#social-media-menu a:hover img.pink {
		opacity:0
	}
	
	#social-media-menu a:hover img.white {
		opacity:1
	}
	
	#social-media-menu a:nth-child(even) {
		background-color:#fbedf4
	}
	
	#social-media-menu a:nth-child(odd) {
		background-color:#fff
	}
	
	#social-media-menu a img {
		width: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
		-webkit-transition: all .2s ease;
		transition:all .2s ease
	}
	
	#social-media-menu a img.pink {
		opacity:1
	}
	
	#social-media-menu a img.white {
		opacity:0
	}