Fiz uma estilização, ficou legal, quem quiser usar fica a vontade.

/*Configurando para o site ser responsivo*/

@media screen and (max-width: 840px){



.caixa, .principal, .mapa-conteudo, .conteudo-beneficios, .video {     
     width: auto;
    position: static;
    }

.caixa{
    text-align: center;
}

.mapa-conteudo {
    padding: 0 10px;
}

.video{
    padding: 0px 15px;
}

.banner{
    position: center
}

.imagem-beneficios{
    width: 80%;
}
nav{
    position: static;
}
.conteudo-beneficios{
    padding: 10px 10px;
    text-align: center;
}

/*Responsividade tela produtos*/

.produtos {
    text-align: center;
    padding: 20px 0px 
}


.produtos  ul  {
    width: 10%;
    text-align: center;

}

.produtos li {
    margin: 25px 1.1%;
    width: 50%;

}
.img-menor{
    width: 100%;
}

/*Responsividade para tela de Contato*/

textarea {
    width: 40%;
    height: 60px;
}

.input-padrao, form {
    text-align: center;
    margin: auto;
    text-align: center;
    padding:px
}
.enviar {
    margin-bottom: 25px;
}
form label, form legend {

    margin: 10px auto 0px auto;
}

table {
    margin: auto;
    padding: 10px;
}
}