.banner { position: relative; background: url('../img/layout/banner-part2.png'), url('../img/layout/banner.jpg'); background-repeat: no-repeat, no-repeat; background-position: 100% 101%, center center; background-size: calc(100px + (500 - 100) * ((100vw - 320px) / (1920 - 320))), cover; padding: 150px 0px; border-top: 70px solid var(--fTema2); }
.bannerInterna { position: relative; background: url('../img/layout/banner.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 60px 0px; border-top: 70px solid var(--fTema2); }

.bgSobre { background: url('../img/layout/bg-sobre.jpg'); background-repeat: no-repeat; background-position: bottom; background-size: contain; padding-top: 30%; }

.bgProdutos { width: 70%; margin: 0 auto; background: url('../img/layout/bg-produtos.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }

.bgMapa { width: 100%; margin: 0 auto; background: url('../img/layout/bg-mapa.jpg') #fff; background-repeat: no-repeat; background-position: left bottom; background-size: 40%; }

.bgEntrega { width: 100%; margin: 0 auto; background: url('../img/layout/bg-entrega.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }

.bgRodape { background: url('../img/layout/bg-rodape.jpg'); background-repeat: no-repeat; background-position: top; background-size: cover; }

@media all and (max-width: 767px) {
	.banner { padding: calc(50px + (150 - 50) * ((100vw - 320px) / (767 - 320))) 0px; }
	.bannerInterna { background: none; border: none; padding: 0; margin-bottom: calc(60px + (118 - 60) * ((100vw - 320px) / (767 - 320))); }
	.bgProdutos { width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.bannerInterna { padding: 22px 0px; }
}

@media (min-width: 992px) and (max-width: 1199px) {

}