Oi, eu já li e reli não encontro meu erro. Pra pagina na web ta beleza; Quando vou ajustar pra smartphone a tela, a home e o contato fica ok. Mas 'Produtos' fica muito pequeno e o background nao fica 100%. Testei de algumas maneiras q vieram na minha mente mas nao deu certo...
coloquei no html o meta name="viewport" content="width=device-width". e no css:
@media screen and (max-width: 480px) { .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video{ width: auto; } }
h1{ text-align: center; }
nav{ position: static; }
.lista-beneficios, .imagem-beneficios{ width: 100%; }
