Usei o
e o seguinte código 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%;
}}
Porem o menu principal ficou desalinhado com o item "CONTATOS" ficando embaixo de Home e Produtos
