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

#filosofia {
	padding: 0;
	margin: 0;
	/* background: rgb(188, 215, 233); */
	margin-bottom: 0;

	background: rgba(34,21,217,1);
background: -moz-linear-gradient(left, rgba(34,21,217,1) 0%, rgba(59,113,212,1) 26%, rgba(37,167,219,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34,21,217,1)), color-stop(26%, rgba(59,113,212,1)), color-stop(100%, rgba(37,167,219,1)));
background: -webkit-linear-gradient(left, rgba(34,21,217,1) 0%, rgba(59,113,212,1) 26%, rgba(37,167,219,1) 100%);
background: -o-linear-gradient(left, rgba(34,21,217,1) 0%, rgba(59,113,212,1) 26%, rgba(37,167,219,1) 100%);
background: -ms-linear-gradient(left, rgba(34,21,217,1) 0%, rgba(59,113,212,1) 26%, rgba(37,167,219,1) 100%);
background: linear-gradient(to right, rgba(34,21,217,1) 0%, rgba(59,113,212,1) 26%, rgba(37,167,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2215d9', endColorstr='#25a7db', GradientType=1 );
}
#filosofia h4 {
	margin: 0;
	padding-top: 0;
	padding-left: .5em;
	font-size: 1.4em;
	text-align: center;
	font-family: 'Chakra Petch', 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: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: 'Open Sans', 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;

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

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

}