.div-contactenos {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.div-formContactenos {
	width: 60%;
	margin: 2% auto 5%;
	padding: 2% 5% 3%;
	border-radius: 25px;
	grid-template-areas:
		"titulo titulo"
		"nombre apellidos"
		"email email"
		"pais pais"
		"textarea textarea"
		"bttnEnviar bttnEnviar";
	gap: 0 3%;
}

.h1-titulo {
	grid-area: titulo;
	text-align: center;
	padding: 1% 1% 2%;
}

.div-nombre {
	grid-area: nombre;
}

.div-apellido {
	grid-area: apellidos;
}

.div-email {
	grid-area: email;
}

.div-pais {
	grid-area: pais;
}

.div-mensaje {
	grid-area: textarea;
}

.div-bttnEnviar {
	grid-area: bttnEnviar;
	width: 16%;
}

@media(max-width: 1350px) {
	.h1-titulo {
		font-size: 3.2em;
	}
}

@media(max-width: 1260px) {
	.h1-titulo {
		font-size: 3em;
	}
}

@media(max-width: 1000px) {
	.h1-titulo {
		font-size: 2.8em;
	}
}

@media(max-width: 880px) {
	.div-formContactenos {
		width: 75%;
	}

	.h1-titulo {
		font-size: 2.6em;
	}

	.div-bttnEnviar {
		width: 18%;
		margin: 1% 41%;
	}
}

@media(max-width: 800px) {
	.h1-titulo {
		font-size: 2.5em;
	}
}

@media(max-width: 730px) {
	.h1-titulo {
		font-size: 2.3em;
	}

	.bttnEnviar {
		font-size: 1em;
	}
}

@media(max-width: 670px) {
	.h1-titulo {
		font-size: 2em;
	}
}

@media(max-width: 590px) {
	.div-formContactenos {
		width: 80%;
	}

	.h1-titulo {
		font-size: 1.75em;
	}

	.div-bttnEnviar {
		width: 19%;
		margin: 1% 40.5%;
	}

	.bttnEnviar {
		font-size: 1em;
	}
}

@media(max-width: 490px) {
	.div-formContactenos {
		width: 85%;
	}

	.h1-titulo {
		font-size: 1.6em;
	}

	.div-bttnEnviar {
		width: 22%;
		margin: 1% 39%;
	}
}


@media(max-width: 450px) {
	.div-formContactenos {
		width: 90%;
		margin: 6% auto 1.2%;
	}

	.h1-titulo {
		font-size: 1.5em;
	}
}

@media(max-width: 400px) {
	.div-formApuntarse {
		width: 95%;
		margin: 10% auto 1.2%;
		padding: 2%;
	}

	.div-bttnEnviar {
		width: 25%;
		margin: 1% 37.5%;
	}

	.bttnEnviar {
		font-size: 0.9em;
	}
}