Não sei o que está dando errado mas só a parte do "Sobre a Barbearia Alura" não está ficando adaptada ao tamanho mobile :/
.principal p {
margin: 0 0 1em;
width: 940px;
margin: 0 auto;
}
@media screen and (max-width: 480px) {
.caixacabecalho, .principal, .conteudo-beneficios, .mapa-conteudo, .video {
width: auto;
}
h1 {
text-align: center;
}
nav {
position: static;
}
.lista-beneficios, .imagem-beneficios {
width: 100%;
}
}