@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto+Condensed');

#valores {
	padding: 0;
	margin: 0;
	background: #063678;
}

.mostrarValores {
	animation: mostrarValores 2s;
}

@keyframes mostrarValores {
	0% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0);
	}
}
#valores h4 {
	margin: 0;
	padding-top: 0;
	padding-left: .5em;
	font-size: 1.4em;
	text-align: center;
	font-family: 'conto-mediumuploaded_file', sans-serif;

	color: #0d71d6;
	/*text-shadow: 1px 1px 2px #000;*/
}

#valores .contenedor {
	width: 90%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#valores .contenedor article {
	width: 100%;
	margin: .5em;
	height: auto;
	background-color: #fff;
	/* box-shadow: 0 0 1em rgb(4, 5, 61); */
	opacity: 0;
	transition: all 1s;
}

#valores article img {
	margin: auto;
	margin-left: 0;
	width: 100%;
}

#valores article a img{

}

#valores article a:hover img{
	/*-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	filter: blur(2px);*/

	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
	filter: brightness(70%);
}

#valores .contenedor article p {
	font-size: .9em;
	margin: .7em;
	padding: 2em;
	padding-top: 0;
	text-align: justify;
	font-family: 'Raleway', sans-serif;

	background: rgba(255, 255, 255, .7);
	border-radius: 10px;
}

/* Media Querys MEDIANO */
@media screen and (min-width: 768px) {

	#valores .contenedor article {
		width: 40%;
		height: auto;
		margin: 30px 30px;
	}

	#valores article img {
		width: 100%;
	}

}

/* Media Querys COMPLETO */
@media (min-width: 1120px) {

	#valores .contenedor article {
		width: 29%;
		height: auto;
		margin: 3em .3em;

		/*outline: 1px solid #B6B6B6;*/
	}

	#valores article img {
		margin: .6em .6em;
		width: 95%;
	}

}