/*
html{
	font-size: 16px;
}*/
*{
	margin: 0;
	padding: 0;
}
.social {
	position: fixed;
	right: 0;
	top: 35%;
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}

.social a{
    display: inline-block;
    padding: 10px 15px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
/*-------------------------------------------------------------- Colores ----------------------------------------------------------------------*/

.social-ics a {
	background: #666666;
}

.social-hamdella a {
	background-color: #666666;
}

/*-------------------------------------------------------------- fin Colores ------------------------------------------------------------------*/
.icon-twitter {
	color: white; 
	background:black; 
	width: 51px;
}

.icon-facebook {
	color: white; 
	background:black; 
	width: 51px;
}

.icon-instagram {
	color: white; 
	background:black; 
	width: 51px;
}

.icon-youtube {
	color: white; 
	background:black; 
	width: 51px;
}


.icon-linkedin {
	color: white; 
	background:black; 
	width: 51px;
}

.icon-whatsapp {
	color: white; 
	background:black; 
	width: 51px;
}
.icon-telegram {
	color: white; 
	background:black; 
	width: 51px;
}

/** 
 * movimiento de los iconos de redes sociales  
 *  cuando se pasa el mouse por encima del icono 
 * Autor: Alexa Gonzalez 
 * Fecha 31-05-2019
 */
/* .icon:hover {
	padding-right: 4rem;
	color: white;
	text-decoration: none;
} */

/** 
 * colores independientes cuando se 
 * pase el mouse por encima del icono 
 * de la redes sociales 
 * Autor: Alexa Gonzalez 
 * Fecha 31-05-2019
 */
.icon-twitter:hover {background:#00abf0;}
.icon-facebook:hover {background:#3b5998;}
.icon-instagram:hover {background:#ff0084;}
.icon-youtube:hover {background:#b60d00;}
.icon-linkedin:hover {background:#007bb5;}
.icon-whatsapp:hover {background:#0ac23c;}
.icon-telegram:hover {background:#0e7ef6;}