:root {
	--white-color: #fff;
	--black-color: #212121;
	--gray-color: #565656;
	--primary-color: #613813;
	--secondary-color: #609211;
	--green-color: #9ee62a;
	--blue-color: #009CDE;
	/* --green-color: #0DFF06; */
}

* {
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

body {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x: auto;
}

/* Font Icon Google */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 40
}
span.size-30 {
	font-size: 30px !important;
	color: var(--secondary-color);
	font-variation-settings: 'OPSZ' 30;
}
span.size-36 {
	font-size: 36px !important;
	color: var(--black-color);
	font-variation-settings: 'OPSZ' 36;
}

/* Geral */
.white-color {color: var(--white-color)}
.black-color {color: var(--black-color)}
.gray-color {color: var(--gray-color)}
.primary-color {color: var(--primary-color)}
.secondary-color {color: var(--secondary-color)}
.green-color {color: var(--green-color)}
.red-color {color: #D2232E !important}
.blue-color {color: var(--blue-color) !important}
.blue-bg-color {background-color: var(--blue-color) !important}

.font-medium {font-weight: 500}
.font-semibold {font-weight: 600}
.font-bold {font-weight: 700}
.font-title {font-family: 'Montserrat', sans-serif}
.up-case {text-transform: uppercase;}

.link {text-decoration: none}
.link:hover {text-decoration: underline}
.mouseHover:hover {opacity: 0.8; cursor: pointer;}

.elevacao {transition: transform .2s; cursor: pointer}
.elevacao:hover {transform: scale(1.09)}

span {
	font-size: 16px;
	line-height: 26px;
	color: var(--gray-color);
}

p {
	font-size: 16px;
	line-height: 26px;
	color: var(--gray-color);
}

/* Ícone WhatsApp */
#whatsapp {
	display: flex;
	justify-content: flex-end;
	position: fixed;
	width: 50px;
	height: 50px;
	right: 30px;
	bottom: 30px;
	z-index: 9;
}
#whatsapp img {
	width: auto;
	height: 50px;
}

/* Header */
header {
	display: flex;
	width: 100%;
	min-height: 560px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	flex-direction: column;
	position: relative;
	align-items: center;
}
header .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
	padding: 30px 24px;
	position: relative;
	z-index: 2;
}
header .logo {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	padding-right: 60px;
	align-items: center;
}
header img {
	width: 100%;
	max-width: 250px;
	height: auto;
	cursor: pointer;
}
header .cidade {
	color: #FFF;
	margin-top: 10px;
	font-size: 28px;
	font-weight: 700;
}
header .informacoes {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
header .quadro {
	display: flex;
	width: 100%;
	max-width: 560px;
	background-color: rgb(255, 255, 255, 0.7);
	backdrop-filter: blur(4px);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 40px;
	border-radius: 20px;
}
header h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	line-height: 40px;
	color: var(--white-color);
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40px;
}
header h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: var(--black-color);
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
header form {
	width: 100%;
	margin-top: 20px;
}
header input[type=text] {
	width: 100%;
	height: 48px;
	border: 1px solid #ccc;
	background-color: var(--white-color);
	color: var(--gray-color);
	font-size: 14px;
	outline-style: none;
	padding-left: 20px;
	border-radius: 50px;
	margin-bottom: 8px;
}
header input[type=tel] {
	width: 100%;
	height: 48px;
	border: 1px solid #ccc;
	background-color: var(--white-color);
	color: var(--gray-color);
	font-size: 14px;
	outline-style: none;
	padding-left: 20px;
	border-radius: 50px;
	margin-bottom: 8px;
}
header input[type=email] {
	width: 100%;
	height: 48px;
	border: 1px solid #ccc;
	background-color: var(--white-color);
	color: var(--gray-color);
	font-size: 14px;
	outline-style: none;
	padding-left: 20px;
	border-radius: 50px;
	margin-bottom: 8px;
}
header button {
	width: 100%;
	min-height: 48px;
	background-color: var(--secondary-color);
	color: var(--white-color);
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
}
header button:hover {
	background-color: var(--black-color);
}

/* Main */
main {
	display: flex;
	width: 100%;
	flex-direction: column;
}

#msgSucesso {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:250px;
}
#msgSucesso span {
	margin:10px;
	color:#000;
}	
#msgSucesso span:first-child {
	font-size:23px;
	color:var(--blue-color);
	font-weight:700
}	

#para-quem {
	display: flex;
	width: 100%;
	background-color: #000;
	padding: 80px 0;
	justify-content: center;
}
#para-quem .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 0 24px;
}
#para-quem .informacoes {
	display: flex;
	width: 50%;
	flex-direction: column;
	padding-right: 80px;
	justify-content: center;
}
#para-quem h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom:20px;
}
#para-quem .icones {
	display: flex;
	width: 100%;
	max-width: 340px;
	justify-content: space-between;
	padding: 50px 0;
}
#para-quem .dizeres {
	display: flex;
	width: 100%;
	min-height: 54px;
	align-items: center;
	padding: 10px 0;
}
#para-quem .bolinha {
	display: flex;
	width: 14px;
	height: 14px;
	background-color: var(--secondary-color);
	border-radius: 50px;
}
#para-quem .p {
	display: flex;
	width: calc(100% - 14px);
	padding-left: 20px;
}
#para-quem .dizeres p {
	font-size: 16px;
	line-height: 24px;
	color: var(--white-color)
}
#para-quem button {
	width: 100%;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
	cursor: pointer;
	margin-top: 30px;
}
#para-quem button:hover {
	background-color: var(--primary-color);
}
#para-quem .fotos {
	display: flex;
	width: 50%;
	flex-direction: column;
	align-items: flex-end;
}
#para-quem .fotos button {
	display: none;
	width: 100%;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
	cursor: pointer;
	margin-top: 50px;
	justify-content: center;
	align-items: center;
}
#para-quem .fotos button:hover {
	background-color: var(--primary-color);
}
#para-quem .img-1 {
	display: flex;
	width: 80%;
	height: 280px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
}
#para-quem .fotos-2 {
	display: flex;
	width: 100%;
	margin-top: 20px;
}
#para-quem .img-2 {
	display: flex;
	width: calc(50% - 10px);
	height: 200px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	margin-right: 10px;
}
#para-quem .img-3 {
	display: flex;
	width: calc(50% - 10px);
	height: 280px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	margin-left: 10px;
}

#escolha {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
}
#escolha .seta {
	display: flex;
	width: 50px;
	height: 50px;
	background-color: var(--secondary-color);
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	margin-top: -25px;
}
#escolha .seta span {
	color: #fff;
}
#escolha .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 50px 24px;
	flex-direction: column;
}
#escolha .topo {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
#escolha .informacoes {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: flex-end;
}
#escolha .garantia {
	display: flex;
	width: 50%;
	min-height: 160px;
	justify-content: flex-end;
	align-items: center;
}
#escolha .garantia img {
	width: 100%;
	max-width: 160px;
	height: 100%;
	max-height: 160px;
	margin-left: 10px;
}
#escolha h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	line-height: 42px;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 20px;
}
#escolha p {
	font-size: 20px;
	line-height: 28px;
	color: var(--black-color);
}
#escolha .centralizar-quadros {
	display: flex;
	width: calc(100% + 20px);
	margin: 20px 0 0 -20px;
	flex-wrap: wrap;
}
#escolha .quadros {
	display: flex;
	width: calc(25% - 20px);
	min-height: 200px;
	background-color: #fff;
	margin: 0 0 20px 20px;
	border-radius: 20px;
	padding: 20px 30px;
	padding-top: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px #e1e1e1 solid;
}
#escolha span.size-70 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 70px !important;
	color: var(--secondary-color);
	font-variation-settings: 'OPSZ' 70;
	min-height: 90px;
}
#escolha .descricao {
	display: flex;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--black-color);
	justify-content: center;
}

#projetos {
	display: flex;
	width: 100%;
	justify-content: center;
	position: relative;
	background-image: url('../images/bg-projetos.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 100px 0;
}
#projetos.noimg {
	background-image: none;
	background-color: #232323;
}
#projetos .centralizar {
	display: flex;
	width: 100%;
	gap: 30px;
	flex-direction: column;
	max-width: 1200px;
	padding: 0 24px;
	position: relative;
	z-index: 2;
}
#projetos h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom: 20px;
}
#projetos button {
	width: 100%;
	max-width: 400px;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
	margin-top: 30px;
	align-self: center;
}
#projetos button:hover {
	background-color: var(--primary-color);
}
#projetos .projetos {
	display: flex;
	width: 100%;
	gap: 20px;
	flex-wrap: wrap;
}
#projetos .quadros {
	width: calc(33.33% - 13.33px);
	height: 250px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color:#111;
}


#economia {
	display: flex;
	width: 100%;
	background-color: var(--black-color);
	justify-content: center;
}
#economia .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	min-height: 560px;
	align-items: center;
	padding: 100px 24px;
}
#economia .informacoes {
	display: flex;
	width: 50%;
	flex-direction: column;
	padding-right: 110px;
}
#economia h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom: 20px;
}
#economia p {
	font-size: 18px;
	line-height: 28px;
	color: var(--white-color);
}
#economia .div-tabela {
	display: flex;
	width: 50%;
	flex-direction: column;
}
#economia .tabela {
	display: flex;
	width: 100%;
	flex-direction: column;
	background-color: var(--white-color);
	border-radius: 10px;
}
#economia .topo-tabela {
	display: flex;
	width: 100%;
	height: 46px;
	background-color: #000000;
	justify-content: space-between;
	border-radius: 10px 10px 0 0;
	padding: 0 10px 0 16px;
}
#economia .topo-campos {
	display: flex;
	width: 25%;
	height: 46px;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 0 10px;
	text-align: center;
}
#economia .linhas-tabela {
	display: flex;
	width: 100%;
	min-height: 31px;
	padding: 4px 10px 4px 16px;
	border-bottom: 1px solid #E5E5E5;
}
#economia .conteudo-tabela {
	display: flex;
	width: 25%;
	min-height: 31px;
	justify-content: center;
	align-items: center;
	color: var(--black-color);
	font-size: 15px;
	padding: 0 10px;
	text-align: center;
}
#economia .explicacao {
	display: flex;
	width: 100%;
	color: var(--white-color);
	margin-top: 20px;
}
#economia button {
	width: 100%;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
	cursor: pointer;
	margin-top: 20px;
	justify-content: center;
	align-items: center;
}
#economia button:hover {
	background-color: var(--primary-color);
}

#depoimentos {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
}
#depoimentos .seta {
	display: flex;
	width: 50px;
	height: 50px;
	background-color: var(--blue-color);
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	margin-top: -25px;
	position: relative;
	z-index: 1;
}
#depoimentos .seta span {
	color:#fff;
}
#depoimentos .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 50px 24px;
	flex-direction: column;
}
#depoimentos .informacoes {
	display: flex;
	width: 46%;
}
#depoimentos h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--black-color);
	font-weight: 700;
}
#depoimentos .centralizar-quadros {
	display: flex;
	width: calc(100% + 20px);
	flex-wrap: wrap;
	margin: 50px 0 0 -20px;
}
#depoimentos .quadros {
	display: flex;
	width: calc(33.3% - 20px);
	background-color: var(--white-color);
	border-bottom: 4px solid var(--blue-color);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	border-radius: 20px;
	margin: 0 0 20px 20px;
	flex-direction: column;
	padding: 30px;
}
#depoimentos .quadros .div-quem {
	display: flex;
	width: 100%;
	gap: 20px;
	align-items: center;
}
#depoimentos .quadros .nome-cidade {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#depoimentos .quadros .img {
	display: flex;
	width: 60px;
	height: 60px;
	background-position: center center;
	background-size: cover;
	border-radius: 50px;
}
#depoimentos .quadros p {
	margin-top:15px;
}
#depoimentos .quadros h2 {
	font-size: 16px;
	font-weight: 500;
}
#depoimentos .quadros span {
	color:#999;
}
#depoimentos .div-botao {
	display: flex;
	width: 100%;
	justify-content: center;
}
#depoimentos button {
	width: 100%;
	max-width: 320px;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
	margin-top: 30px;
}
#depoimentos button:hover {
	background-color: var(--primary-color);
}

#faq {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	background-color: #f2f2f2;
	padding: 70px 0;
}
#faq .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	flex-direction: column;
	padding: 0 24px;
}
#faq h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 40px;
}
#faq .centralizar-perguntas {
	display: flex;
	width: calc(100% + 40px);
	margin-left: -40px;
}
#faq .separacao {
	display: flex;
	width: calc(50% - 40px);
	flex-direction: column;
	margin-left: 40px;
}
#faq .perguntas {
	display: flex;
	width: 100%;
	min-height: 20px;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: var(--white-color);
	padding: 6px 14px 6px 20px;
	margin-bottom: 10px;
	cursor: pointer;
}
#faq .muda-cor {
	background-color: var(--secondary-color);
	color: var(--white-color);
}
#faq .muda-cor h2 {
	color: var(--white-color) !important;
}
#faq .seta {
	display: flex;
	min-height: 50px;
	align-items: center;
}
#faq .respostas {
	display: none;
	width: 100%;
	padding: 20px 24px;
	background-color: var(--white-color);
	border-radius: 10px;
	margin-bottom: 10px;
}
#faq h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: var(--black-color);
	font-weight: 600;
	padding-right: 20px;
}
#faq p {
	font-size: 16px;
	line-height: 28px;
	color: var(--gray-color);
}
#faq button {
	width: 100%;
	max-width: 400px;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
	margin-top:20px;
}
#faq button:hover {
	background-color: var(--primary-color);
}

/* Footer */
footer {
	display: flex;
	width: 100%;
	background-color: #eeeeee;
	padding: 30px 24px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #444;
	gap: 20px;
	line-height: 1.4;
	text-align: center;
}
footer img {
	width: 100%;
	max-width: 120px;
}
footer .end {
	font-weight: 700;
}
footer .dev {
	margin-top:20px;
	color:#888;
}
footer a {
	text-decoration: none;
	color: #888;
	font-weight: 700;
}
footer iframe {
	width: 100%;
	max-width: 1200px;
	height: 240px;
	border-radius: 10px;
}


#whatsflutuante {position:fixed; bottom:15px; right:15px; z-index:3}
#whatsflutuante button {width:60px; height:60px; border-radius:50px; background-color:#0fbe72; color:#fff; border:0px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30)}
#whatsflutuante button:hover {background-color:#0eaa66; cursor:pointer}
#whatsflutuante button i {color:#fff; font-size:30px}

/* Responsive */
@media screen and (max-width: 1000px){
	#economia .centralizar {
		height: auto;
		padding: 50px 24px;
		flex-direction: column;
	}
	#economia .informacoes {
		width: 100%;
		padding-right: 0;
	}
	#economia .div-tabela {
		width: 100%;
		margin-top: 50px;
	}
	#economia h1 {
		text-align: center;
	}
}

@media screen and (max-width: 900px){
	#depoimentos .informacoes {
		width: 100%;
	}
	#depoimentos h1 {
		text-align: center;
	}
	#depoimentos .quadros {
		width: calc(50% - 20px);
	}
	#faq h1 {
		text-align: center;
	}
	#faq .centralizar-perguntas {
		width: 100%;
		margin-left: 0;
		flex-direction: column;
	}
	#faq .separacao {
		width: 100%;
		margin-left: 0;
	}
	#projetos .quadros {
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 850px){
	header {
		justify-content: center;
		align-items: center;
	}
	header .centralizar {
		flex-direction: column;
		padding: 40px 24px;
	}
	header h1 {
		margin-top: 30px;
  }
	header .logo {
		width: 100%;
		padding-right: 0;
	}
	header .informacoes {
		width: 100%;
		align-items: center;
		margin-top: 30px;
	}
	#para-quem .centralizar {
		flex-direction: column;
	}
	#para-quem .informacoes {
		width: 100%;
		padding-right: 0;
	}
	#para-quem .fotos {
		width: 100%;
		align-items: center;
		margin-top: 30px;
	}
	#para-quem button {
		display: none;
	}
	#para-quem .informacoes {
		align-items: center;
	}
	#para-quem .fotos button {
		display: flex;
		max-width: 360px;
	}
	#escolha .topo {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#escolha .informacoes {
		width: 100%;
	}
	#escolha .garantia {
		width: 100%;
		min-height: auto;
		justify-content: center;
		align-items: center;
		margin-top: 30px;
	}
	#escolha h1 {
		text-align: center;
	}
	#escolha p {
		text-align: center;
	}
	#escolha .centralizar-quadros {
		margin: 40px 0 0 -20px;
	}
	#escolha .quadros {
		width: calc(33.3% - 20px);
	}
	#projetos {
		padding: 50px 0;
	}
	#projetos h1 {
		text-align: center;
	}
}

@media screen and (max-width: 630px){
	#escolha .quadros {
		width: calc(50% - 20px);
	}
	#economia .tabela {
		overflow: auto;
	}
	#economia .topo-tabela {
		width: 600px;
	}
	#economia .linhas-tabela {
		width: 600px;
	}
}

@media screen and (max-width: 540px){
	#depoimentos .centralizar-quadros {
		width: 100% ;
		margin: 50px 0 0 0;
	}
	#depoimentos .quadros {
		width: 100%;
		margin: 0 0 20px 0;
	}
	#depoimentos .quadros p {
		min-height: auto;
	}
	#projetos .quadros {
		width: 100%;
	}
	header {
		background-position: -800px;
	}
}

@media screen and (max-width: 420px){
	header .quadro {
		padding: 30px 24px;
  	}
	header h1 {
		font-size: 24px;
		line-height: 32px;
	}
	header h2 {
	font-size: 18px;
	line-height: 24px;
	}
	header form {
		margin-top: 10px;
	}
	header button {
		padding: 10px 0;
	}
	#para-quem {
		padding: 50px 0;
	}
	#para-quem h1 {
		margin-bottom: 20px;
	}
	#para-quem .icones {
		display: none;
	}
	#para-quem .fotos-2 {
		flex-direction: column;
	}
	#para-quem .img-1 {
		width: 100%;
		height: 240px;
	}
	#para-quem .img-2 {
		width: 100%;
		height: 240px;
		margin-right: 0;
	}
	#para-quem .img-3 {
		width: 100%;
		height: 240px;
		margin-left: 0;
		margin-top: 20px;
	}
	#escolha .centralizar-quadros {
		width: 100%;
		margin: 40px 0 0 0;
	}
	#escolha .quadros {
		width: 100%;
		min-height: auto;
		margin: 0 0 20px 0;
	}
	#escolha .garantia {
		flex-direction: column;
	}
	#escolha .garantia img {
		margin-left: 0;
	}
	#economia .explicacao {
		flex-direction: column;
		line-height: 26px;
	}
	#faq h2 {
		font-size: 14px;
		line-height: 20px;
		padding-right: 10px;
	}
	#whatsapp img {
		height: 40px;
	}
}

@media screen and (max-width: 340px){
	#whatsapp {
		right: 20px;
		bottom: 20px;
	}
	footer {
		padding: 40px 24px 40px 24px;
	}
	footer img {
		max-width: 160px;
	}
}