.social{
	position: fixed;
	top: 0px;
	z-index: 2000;
	left: 0;
}
#icon-facebook a{
		display: inline-block;
		color:#fff;
		background: #3b5998;
		padding: 12px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
#icon-facebook a:hover{
	/*background: #000;*/
	padding: 12px 50px;
	padding-left: 3rem;
	border-radius: 0 1rem 1rem 0;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);	
}
#icon-twitter a{
		display: inline-block;
		color:#fff;
		background: #00abf0;
		padding: 12px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
#icon-twitter a:hover{
	/*background: #000;*/
	padding: 12px 50px;
	padding-left: 3rem;
	border-radius: 0 1rem 1rem 0;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);	
}
#icon-google-plus a{
		display: inline-block;
		color:#fff;
		background: #d95232;
		padding: 12px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
#icon-google-plus a:hover{
	/*background: #000;*/
	padding: 12px 50px;
	padding-left: 3rem;
	border-radius: 0 1rem 1rem 0;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);	
}
#icon-pinterest a{
		display: inline-block;
		color:#fff;
		background: #ae181f;
		padding: 12px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
#icon-pinterest a:hover{
	/*background: #000;*/
	padding: 12px 50px;
	padding-left: 3rem;
	border-radius: 0 1rem 1rem 0;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);	
}
#icon-mail a{
		display: inline-block;
		color:#fff;
		background: #666666;
		padding: 12px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
#icon-mail a:hover{
	/*background: #000;*/
	padding: 12px 50px;
	padding-left: 3rem;
	border-radius: 0 1rem 1rem 0;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);	
}
#icon-phone a{
		display: inline-block;
		color:#fff;
		background: #4dc247;
		padding: 12px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
#icon-phone a:hover{
	/*background: #000;*/
	padding: 12px 50px;
	padding-left: 3rem;
	border-radius: 0 1rem 1rem 0;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);	
}