@media only screen and (max-width: 600px) {

	.card1 h1 {
		width: 10px;
	}

	.text-card h1 {
		font-size: 30px;
	}

	.header {
		display: none;
	}

	.imagepq {
		margin: auto;
		max-width: 110%;
	}

	#card1 {
		padding-top: 60%;
		background-size: 120%;

	}

	#card2 {
		background-size: 120%;

	}

	#card3 {
		background-size: 120%;

	}

	#card4 {
		background-size: 120%;

	}

	.btn {
		width: 75%;
	}

}

@media (max-width: 767px) {
	.header {
		display: none;
	}

	.hero h1 {
		font-size: 50px;
	}

	.hero h2 {
		font-size: 35px;

	}

	.imagepq {

		margin-left: -11px;
		background-size: 20%;
		text-align: center;
		max-width: 108%;
		max-height: 100%;
	}

}


@media (max-width: 768px) {

	.card2 {
		width: 95%;
	}

	.card1 {
		width: 95%;
	}

	.unidades {
		margin-right: 20px;
	}

	.header img {
		width: 100%;
	}

	#card1 {

		background-size: 111%;
		border-radius: 33px;
		padding-top: 50%;
	}


	#card2 {
		background-size: 111%;
		border-radius: 33px;
		padding-top: 50%;
	}

	#card3 {

		background-size: 111%;
		border-radius: 33px;
		padding-top: 50%;

	}

	#card4 {

		background-size: 110%;
		border-radius: 33px;
		padding-top: 50%;
	}
}

@media (max-width: 900px) {
	.card2 {
		width: 80%;
	}

	.card1 {
		width: 80%;
	}

	.rodape {
		display: block;
	}

	.header img {
		width: 70%;
	}

	.descricao {
		margin: auto;
	}

	.logo_footer img {
		justify-content: center;
		margin-top: 1%;
	}

	.footer {
		justify-content: center;
	}

	#card1 {

		background-size: 115%;
		border-radius: 33px;
		padding-top: 50%;
	}


	#card2 {
		background-size: 115%;
		border-radius: 33px;
		padding-top: 50%;
	}

	#card3 {

		background-size: 115%;
		border-radius: 33px;
		padding-top: 50%;

	}

	#card4 {
		background-size: 115%;
		border-radius: 33px;
		padding-top: 50%;
	}


}

@media screen and (min-width: 768px) and (max-width: 1250px) {

	.header img {
		width: 70%;
	}

	.descricao {
		margin: auto;
		margin-left: 70px;
	}


	.contatos {
		margin: 0px 20px;
	}

	.logo_footer img {
		justify-content: center;
		margin-top: 1%;
	}

	.footer {
		justify-content: center;
	}

	.card2 {
		width: 500px;
	}

	.card1 {
		width: 500px;
	}

	.card3 {
		background-size: 115%;
		width: 500px;
	}

	.hero {
		display: none;
	}

	.imagepq {

		margin-left: -24px;
		background-size: 20%;
		text-align: center;
		max-width: 110%;
		max-height: 100%;
	}

	#card1 {

		background-size: 111%;
		border-radius: 40px;
		padding-top: 335px;
	}


	#card2 {
		background-size: 111%;
		border-radius: 40px;
		padding-top: 335px;
	}

	#card3 {
		background-size: 111%;
		border-radius: 40px;
		padding-top: 355px;

	}

	#card4 {
		background-size: 111%;
		border-radius: 40px;
		padding-top: 335px;
	}


}

@media screen and (min-width: 1250px) {


	.header img {
		width: 100%;
		max-width: 1024px;
	}

	.logo_footer img {
		justify-content: center;
	}

	.descricao {
		margin-left: 70px;
	}

	.footer {
		justify-content: center;
	}

	.contatos {
		margin: 0px 60px;
	}

	.Instagram {
		margin: 0px 15px;
	}

	.logo_footer img {
		margin-top: 1%;
	}

	.contatos_itens {

		display: flex;
	}

	.card2 {
		width: 600px;
	}

	.card1 {
		width: 600px;
	}

	.card3 {
		width: 600px;
	}

	.hero {
		display: none;
	}

	.imagepq {

		margin-left: -31px;
		background-size: 20%;
		text-align: center;
		max-width: 110%;
		max-height: 100%;
	}


	#card1 {
		background-size: 113%;
		border-radius: 70px;
		padding-top: 350px;

	}

	#card2 {
		background-size: 113%;
		border-radius: 70px;
		padding-top: 350px;

	}

	#card3 {
		background-size: 113%;
		border-radius: 70px;
		padding-top: 350px;

	}

	#card4 {
		background-size: 113%;
		border-radius: 70px;
		padding-top: 350px;


	}
}