@charset "utf-8";
/* CSS Document */
/* botones RESES SOSCIALES*/
.social-bar{
		position: fixed;
		right: 0;
		top: 17%;
		font-size: 1.7rem;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		z-index: 100;
	}
	.icon{
		color:#fff;
		text-decoration: none;
		padding: .5rem;
		display: flex;
		transition: all .5s;
		
	}
	
	.icon-facebook-with-circle{
		background: rgba(1,52,120,1.00);
		
	}
	.icon-twitter-with-circle{
		background: rgba(8,149,251,1.00);
		
	}
	.icon-youtube{
		background: rgba(227,2,6,1.00);
		
	}
.whats{
		background:#1CB903;
		
	}
	.icon-mail{
		/*background: rgba(253,182,3,1.00);*/
		
	}
	.icon:first-child{
		border-radius: 1rem 0 0 0;
	}
	.icon:last-child{
		border-radius: 0 0 0 1rem;
	}
	.icon:hover{
		padding-right: 3rem;
		border-radius: 1rem 0 0 1rem;
		text-decoration: none;
		color: #fff;
	}