/* Reinciar los margenes */
* { 
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Posicón de los iconos (DIV) */
.social {
	position: fixed;
	left: 0;
	top:450px;
	z-index:2000;
}

/* Quitarle el estilo de lista */
.social ul {
	list-style:none;
}

/* Editar los elementos a */
.social ul li a {
	display:inline-block;
	color: #fff;
	background: #000;
	padding:10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease; /* Animaciones */
	-o-transition:all 500ms ease; /* Animaciones */
	transition:all 500ms ease; /* Animaciones */
}

/* Colores de cada uno de los iconos */
.social ul li .icon-facebook {background:#3b5998}
.social ul li .icon-instagram {background:#c13584}
.social ul li .icon-youtube {background:#ff0000}
.social ul li .icon-twitter {background:#00abf0}
.social ul li .icon-google-plus {background:#d95232}
.social ul li .icon-pinterest {background:#ae181f}
.social ul li .icon-mail {background:#242424}

/* Cambia tamaño y a color negro al pasar encima */
.social ul li a:hover {
	padding: 10px 30px;  /*
	background:#000; */
}