Problema con web responsive

[Rafael]

la respuesta de g3kdigital es una buena guía.

Tu link no funciona, pero independientemente de funcione o no, es complicado estar viendo el código de alguien más.

Fíjate en esta pregunta tuya: "Entonces mi pregunta es: ¿cómo puedo hacer para que cada div ocupe el 100% de cualquier dispostivo?"
La respuesta es: un div naturalmente ocupa el 100% de cualquier dispositivo. No le hagas nada.

El problema es de con todo el código que has puesto, se nota y es evidente que estás copiando y pegando codigo sin entender que hace, y tu mismo as roto el comportamiento natural del div.

Puedes depurar un poco tu problema:

1) Entender conceptos de las unidades como g3kdigital te ha comentado.

2) En una copia, ir eliminando poco a poco las cosas que no tengan que ver con el problema específico, hasta localizar el código que te está afectando. Normalmente acaba siendo un sólo párrafo de html y uno de css.

Pero en realidad la metodología que tienes que usar es:

1) Planear tu resultado final. Hacer un dummy o esqueleto bien definido.

2) Ir agregando cosas conforme lo vayas necesitando y probarlo en el momento. Si algo se "rompe" inmediatamente sabes que cosa sucedió.