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

#filosofia {
	padding: 0;
	margin: 0;
	background: #fff;
	margin-bottom: .5em;
}
#filosofia h4 {
	margin: 0;
	padding-top: 0;
	padding-left: .5em;
	font-size: 1.4em;
	text-align: center;
	font-family: 'Raleway', sans-serif;

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

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

#filosofia .contenedor article {
	width: 100%;
	margin: .5em;
	height: auto;
	background-color: #fff;
	box-shadow: 0 0 1em #eee;
}

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

#filosofia article a img{

}

#filosofia 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%);
}

#filosofia .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) {

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

	#filosofia article img {
		width: 100%;
	}

}

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

	#filosofia .contenedor article {
		width: 29%;
		height: auto;
		margin: 3em .3em;
		margin-top: 0;

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

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

}