.proyectos-index{text-align: center; margin: 150px auto;}
.proyectos-index h2, .resultados h3{color: #aaa; font-size: 50px; line-height: 60px; }
.proyectos-index img{width: 100%;}
.proyectos a h3, .en-proyectos h3{color: #000; margin-top: 20px; line-height: 26px;}
.en-proyectos h3{margin-bottom: 30px;}
.proyectos-index .trio .servicio{margin-top: 60px;}
.proyectos-index .servicio a{display: block; position: relative;}
.proyectos-index .servicio a:hover{background: #017d32; color: #fff; }
.proyectos-index .servicio a:hover img{opacity: 0.7;}
.proyectos-index .servicio a:hover h3{color: #fff;}
.proyectos-index a:hover p{margin: 5px 0;}
.proyectos-index .boton a{border: 1px solid #017d32; color: #017d32;}
.proyectos-index .boton a:hover{border: 1px solid #017d32; color: #fff; background: #017d32;}
.en-proyectos .boton a{border: 1px solid #017d32; color: #017d32; margin-top: 10px; text-transform: uppercase;}
.en-proyectos .boton a:hover{background: #017d32; color: #fff;}
.en-proyectos{text-align: center;}
.en-proyectos img{width: 100%;}
.mapa-proyectos img{max-width: 900px; margin: 0 auto 100px auto; display: block;}
.mapa-proyectos h3.frase2{text-align: center;}

@media only screen 
	and (max-width : 520px){
	.proyectos-index{margin: 100px auto;}
	.proyectos-index h2, .resultados h3{color: #aaa; font-size: 37px; line-height: 50px; }
	.proyectos-index .trio .servicio a{	padding: 20px;}	
	.trio .servicio{	text-align: center; width: 80%; padding-top: 10px; margin: 40px auto 80px;}
	.proyectos-index .trio .servicio{	margin: 30px auto !important; }
	.servicio h3 {    background: url(../imagenes/linea.svg) no-repeat center bottom; background-size: 40px;}
	.proyectos-index .servicio h3{font-size: 18px;}
	.mapa-proyectos h3.frase2{font-size: 16px; line-height: 28px;}
}
@media only screen 
and (min-width : 521px)
and (max-width : 750px) {
	.proyectos-index h2, .resultados h3{color: #aaa; font-size: 43px; line-height: 55px; }
	.proyectos{width: 80%; margin: 120px auto 0 auto;}
	.proyectos-index .trio .servicio{	margin: 30px auto !important; padding-top: 0;}
	.proyectos-index .trio .servicio a{	padding: 20px;}	
	.proyectos-index .servicio h3{font-size: 18px;}
	.mapa-proyectos h3.frase2{font-size: 18px; line-height: 30px;}
}
@media only screen 
and (min-width : 750px)
and (max-width : 999px) {
	.proyectos-index .trio .servicio{display: block; width: 33.33%; float: left; }
	.proyectos-index .trio .servicio a{	padding: 6%;}	
	.proyectos-index .servicio h3{font-size: 18px;}
}
@media only screen 
and (min-width : 750px)
and (max-width : 829px) {
	.en-proyectos{width: 80%; max-width: 500px; margin: 120px auto 0 auto;}

}
@media only screen 
and (min-width : 830px)
and (max-width : 999px) {
	.en-proyectos {margin: 0 50px;}
	.en-proyectos .servicio {clear: both; padding-top: 60px;}
	.en-proyectos .servicio img {width: 50%; float: left;}
	.en-proyectos .servicio h3 {width: 40%; float: right; background: none; padding-bottom: 0; margin: 30px 0 10px 0;}
	.en-proyectos.en-curso .servicio h3 {margin: 70px 0 10px 0;}
	.en-proyectos .servicio .boton a{width: calc(40% - 20px); float: right;}
}
@media only screen 
and (min-width : 1000px)
	and (max-width : 1299px) {
	.proyectos-index .trio .servicio{display: block; width: 29.33%; float: left; margin: 60px 2% 0 2%;}
	.proyectos-index .trio .servicio a{	padding: 6%;}	
}
@media only screen 
	and (min-width : 1300px){ 
		.proyectos-index .trio .servicio a, .en-proyectos .servicio{	width: 27.33%; float: left; padding: 3%;}

}