.social-container {

}


.social-container a {
	display: inline-block;
	color:#fff;
	padding: 10px 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 */
}

.social-container .fa-facebook {background:#3b5998;} /* Establecemos los colores de cada red social-container, aprovechando su class */
.social-container .fa-twitter {background: #00abf0;}
.social-container .fa-google-plus {background: #d95232;}
.social-container .fa-pinterest {background: #ae181f;}
.social-container .fa-mail {background: #666666;}

.social-container a:hover {
	background: #e70d96; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}