.acordeon{
	margin: auto;
	width: 90%;
	max-width: 120em;
	margin-bottom: 1em;
}

.acordeon .bloque{
	box-shadow: 0 0 15px 1px rgba(0,0,0,.1);
	padding:  1em;
	border-radius: 5px;
}

.acordeon .h2{
		background: rgba(43,52,122,.1);
		margin: 0 0 1em;
		padding:  1em;
		border-radius: 5px;
}

.acordeon .h2:hover{
		box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.5);
}

.acordeon .contenido{
	box-shadow: 0 0 15px 1px rgba(0,0,0,.1);
	padding:  0em;
	height: 0;
	overflow: hidden;
	transition: all .5s ease;
}

.acordeon .bloque.activo .contenido{
	height: 100%;
	padding:  20px;
	font-size: 20px;
	text-align: justify;
}

@media (max-width: 468px){

	.acordeon .bloque.activo .contenido{
		font-size: 12px;
	
	}
}