/*

	Seção banner

 */
#banner-principal h1 br { display: none; }

#banner-principal .bg-esquerda {
	width: 100%;
	max-width: 600px;
}

/*

	Seção Formulário

 */
#formulario {
	position: relative;
	padding-top: 100px;
	padding-bottom: 180px;
}

#formulario .bg-folhas-verdes-2 { display: none; }

#formulario .bg-folhas-amora {
	position: absolute;
	top: -50px;
	left: 0;
	transform: rotate(100deg);
	height: 150px;
}

#formulario .bg-colheres {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotateY(180deg);
	width: 200px;
}

/*

	CTA Produtos

 */
#cta-produtos-mobile { margin-top: 30px; }

/*

	Media queries

 */

@media screen and (min-width: 576px) {
	/*

		Seção Formulário

	 */
	#formulario { padding-top: 100px; }

	#formulario .bg-folhas-amora { top: -40px; }

	#formulario .container {
		max-width: 650px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1024px) {
	/*

		Seção Banner Inicial

	 */
	#banner-principal {
		height: 625px;
		padding-bottom: 0;
		align-items: flex-start;
	}

	#banner-principal h1 br { display: block; }

	#banner-principal .container { margin-top: 10%; }

	#container-principal > .bg-laranja { height: 750px; }

	#banner-principal .lado-direito {
		top: 25%;
		bottom: auto;
	}

	/*

		Seção Formulário

	 */
	#formulario {
		padding: 0;
		margin-top: 15px;
	}

	#formulario .bg-folhas-amora {
		top: 20px;
		left: 2%;
		height: auto;
		width: 130px;
	}

	#formulario .bg-folhas-amora:not(:hover) { transform: none; }
	#formulario .bg-folhas-amora:hover { transform: scale(1.02); }

	#formulario .bg-folhas-verdes-2 {
		display: block;
		position: absolute;
		right: 0;
		top: 500px;
		width: 150px;
	}

	#formulario .bg-colheres {
		position: absolute;
		bottom: 70px;
		left: -20px;
		right: auto;
		transform: none;
	}

	/*

		Seção CTA Produtos

	 */
	#cta-produtos-desktop { margin-top: 100px; }
}

@media screen and (min-width: 1200px) {
	/*

		Seção Banner Inicial

	 */
	#banner-principal .container { margin-top: 7%; }

	#banner-principal .lado-direito { right: 2%; }

	#banner-principal .lado-esquerdo { max-width: 40%; }

	/*

		Seção Formulário

	 */
	#formulario .container { max-width: 750px; }

	#formulario .bg-colheres { width: 250px; }
}

@media screen and (min-width: 1400px) {

	/*

		Seção Banner Inicial

	 */
	#banner-principal .container { margin-top: 10%; }

	#container-principal > .bg-laranja { width: 40%; }

	#banner-principal .lado-esquerdo { max-width: 450px; }

	#banner-principal .lado-direito {
		width: 45%;
		right: 5%;
	}

	/*

		Seção Formulário

	 */
	#formulario { margin-top: 30px; }

	#formulario .bg-folhas-amora { left: 8%; }

	#formulario .bg-folhas-verdes-2 { right: 6%; }

	#formulario .bg-colheres {
		bottom: 0;
		width: 350px;
		left: -100px;
	}
}

@media screen and (hover: hover) and (pointer: fine) {
	/* Devices com mouse ou touch pad */
}