* {
    margin: 0;
	padding: 0;
	-webkit-box-sizing::border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;		
}

.social {
	 position: fixed;
	 left: 0;
	 top:100px;
	 z-index:2000;
}

.social ul {
	list-style:none;
}

.social ul li a {
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 15px 15px;
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 22px;
}

 .social ul li .icon-facebook {background:#5275ba}
 .social ul li .icon-twitter {background:#00abf0}
 .social ul li .icon-mail2 {background:#ea8707}
 .social ul li .icon-whatsapp {background:#29a61a}
 
 .social ul li a:hover {
	 padding: 15px 35px;
	 background:#000;
 }