@font-face {
    font-family: 'Massimo';
    src:url('fonts/Massimo.otf') format('opentype');
     font-weight: 50; 
     font-style: normal;
     font-stretch: ultra-expanded;
     font-size: 100%;
     color="#000000;
         
     }




.social {
	position: fixed; 
	right: 20px ;
	top: 600px; 
	z-index: 2000;
	font-family: Massimo, 'Times New Roman', serif;

	}

	.social ul {
		list-style: none;
	font-family: Massimo, 'Times New Roman', serif;
	
	}

	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 20px 20px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		font-family: Massimo, 'Times New Roman', serif;

		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	.social ul li .icon-whatsapp {background: #00cc33;}

	
	

	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 20px 25px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}