*{
	box-sizing: border-box;
}
html{
	font-family: 'IBM Plex Sans', sans-serif;
	background-color: #F5F5F5;
}


/*SERVICIOS*/
/*div que engloba los servicios*/
.servicios{
	margin-top: 100px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.servicio-1, .servicio-2, .servicio-3,
.servicio-4, .servicio-5, .servicio-6 {
	z-index: -1;
}

/*Fotos de tarjetas*/
.s1-foto, .s2-foto, .s3-foto,
.s4-foto, .s5-foto, .s6-foto{
    width: 580px;
    height: 350px;
}

/*Tarjetas verdosas*/
#texto-1, #texto-2, #texto-3,
#texto-4, #texto-5, #texto-6{
    background-color: #E1F3F6;
    width: 520px;
    height: 450px;
    position: relative;
	margin-top: -130px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
    padding-top: 25px;
    padding-right: 30px;
	padding-left: 30px;
    box-shadow: 0 8px 16px 0 rgba(18, 84, 90, 0.253);
}

/*Títulos tarjeta blanca*/
#texto-1 h2, #texto-2 h2, #texto-3 h2,
#texto-4 h2, #texto-5 h2, #texto-6 h2{
    font-family: 'Prata', serif;
    font-size: 25pt;
	margin-bottom: 10%;
}

/*Texto Tarjetas verdosas*/
#texto-1, #texto-2, #texto-3,
#texto-4, #texto-5, #texto-6 p{
	font-size: 15pt;
	line-height: 1.5;
}

@media (min-width: 600px) and (max-width:1024px) {

	/*Fotos de tarjetas*/
	.s1-foto, .s2-foto, .s3-foto,
	.s4-foto, .s5-foto, .s6-foto{
		width: 480px;
		height: 330px;
	}
	
	/*Tarjetas verdosas*/
	#texto-1, #texto-2, #texto-3,
	#texto-4, #texto-5, #texto-6{
		width: 450px;
		height: 400px;
		position: relative;
		margin-top: -90px;
		margin-bottom: 7%;
	}
	/*Títulos tarjeta blanca*/
	#texto-1 h2, #texto-2 h2, #texto-3 h2,
	#texto-4 h2, #texto-5 h2, #texto-6 h2{
		font-size: 25pt;
		font-weight: 700;
		margin-bottom: 10%;
	}

	/*Texto Tarjetas verdosas*/
	#texto-1, #texto-2, #texto-3,
	#texto-4, #texto-5, #texto-6 p{
		font-size: 17px;
		line-height: 1.5;
	}
}

@media (min-width: 400px) and (max-width:600px) {
	.servicios{
		margin-top: 80px;
	}
	
	/*Fotos de tarjetas*/
	.s1-foto, .s2-foto, .s3-foto,
	.s4-foto, .s5-foto, .s6-foto{
		width: 400px;
		height: 260px;
	}
		
	/*Tarjetas verdosas*/
	#texto-1, #texto-2, #texto-3,
	#texto-4, #texto-5, #texto-6{
		width: 380px;
		height: 550px;
		margin-top: -100px;
	}

	/*Títulos tarjeta verdosas*/
	#texto-1 h2, #texto-2 h2, #texto-3 h2,
	#texto-4 h2, #texto-5 h2, #texto-6 h2{
		margin-bottom: 5%;
	}

	/*Texto Tarjetas verdosas*/
	#texto-1, #texto-2, #texto-3,
	#texto-4, #texto-5, #texto-6 p{
		padding-bottom: 20px;
	}

	/*enlace pdf*/
	.enlace{
		text-align: center;
		padding: 5%;
	}
}

@media (max-width:400px) {
	.servicios{
		margin-top: 80px;
	}

	/*Fotos de tarjetas*/
	.s1-foto, .s2-foto, .s3-foto,
	.s4-foto, .s5-foto, .s6-foto{
		width: 300px;
		height: 250px;
	}
		
	/*Tarjetas verdosas*/
	#texto-1, #texto-2, #texto-3,
	#texto-4, #texto-5, #texto-6{
		width: 300px;
		height: auto;
		position: relative;
		margin-top: -100px;
		margin-bottom: 7%;
		padding-right: 20px;
		padding-left: 20px;
	}

	/*Títulos tarjeta verdosa*/
	#texto-1 h2, #texto-2 h2, #texto-3 h2,
	#texto-4 h2, #texto-5 h2, #texto-6 h2{
		font-size: 20pt;
		margin-bottom: 7%;
	}
	
	/*Texto Tarjetas verdosas*/
	#texto-1, #texto-2, #texto-3,
	#texto-4, #texto-5, #texto-6 p{
		font-size: 13pt;
		line-height: 1.4;
		padding-bottom: 15px;
	}
}

/*ENLACE PDF*/
.enlace{
	text-align: center;
	margin-bottom: 5%;
}

.enlace a{
	color: #52A29F;
}