@keyframes banner{
{
		background-image: url("acordeon/hola.png");
			}
	21%, 24%{
		opacity: 0.1;
	}
	25%, 55%{
		background-image: url("acordeon/compu.png");
		opacity: 1;
	}
	56%, 59%{
		background-image: url("acordeon/hey.png");
		opacity: 0.1;
	}
	60%, 90%{
		background-image: url("acordeon/sara.png");
		opacity: 1;
	}

	.banner{
	width: 500px;
	height: 350px;
	border: 1px solid blue;
	margin: auto;
	background-size: 100% 100%;

	animation: banner 10s infinite;
}

}
*{
	box-sizing: border-box;
}
.acordeon input{
	display: none; 
}
.acordeon_titulo{
	display: block;
	padding: 15px;
	background: brown;
	color: #fff;
	font-family: 'DancingS';
	font-size: 2em;
	cursor: pointer;
	border-bottom: 1px solid #fff; 
}
.acordeon_titulo:hover{
	background:lightblue;
	font-size: 25px;
}
.acordeon_contenido{
	height: 0;
	overflow: hidden;
	margin: 0;
	transition: all .5s;
}
.acordeon input:checked ~ .acordeon_contenido{
	height: auto;
	margin: 15px 0;
}
.imagencontac{
	width: 50px;
	height: 50px;
	margin-left: 10px;

	}
	.iconos{
font-size: 1em;
font-family: 'Over';
}