.hide-in-pc{
	display: none !important;
}
.hide-in-phone{
	display: inline-block !important;
}


.social-float {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

	.social-float ul {
        list-style: none;
		padding-right:1px;
	}

	.social-float ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		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 */
	}
	/* Establecemos los colores de cada red social-float, aprovechando su class */
	.social-float ul li .icon-bandcamp {background: #629aa9;}	.social-float ul li .icon-spotify1 {background: #1DB954;} 	.social-float ul li .icon-ytmusic {background: #FF0000;}	.social-float ul li .icon-instagram1 {background: #C13584;}	.social-float ul li .icon-facebook1 {background:#4267B2;} 	.social-float ul li .icon-tiktok {background: #222222;}	.social-float ul li .icon-whatsapp1 {background: #25D366;}
	.social-float ul li .icon-twitter {background: #00abf0;}
	/* .social-float ul li .icon-soundcloud {background: #ff8800;} */				/* Establecemos los colores de cada red social-float, aprovechando su class */	/* .social-float ul li .icon-facebook1 {background:#924f60;}  */	/* .social-float ul li .icon-twitter {background: #924f60;} */	/* .social-float ul li .icon-spotify1 {background: #924f60;}  */	/* .social-float ul li .icon-instagram1 {background: #924f60;} */	/* .social-float ul li .icon-soundcloud {background: #924f60;} */	/* .social-float ul li .icon-whatsapp1 {background: #924f60;} */	/* .social-float ul li .icon-tiktok {background: #924f60;} */		/* .social-float ul li .icon-bandcamp {background: #924f60;} */		/* .social-float ul li .icon-ytmusic {background: #924f60;} */	
	.social-float ul li a:hover {
		background:black; /* Cambiamos el fondo cuando el usuario pase el mouse */
	}
	
	@media all and (max-width:767px) {
		.social-float {
			left:auto;
			right: 8px;
		}

		.hide-in-pc{
			display: inline-block !important;
		}

		.hide-in-phone{
			display: none !important;
		}		
	}