Mi suposición: Creo que tu problema de no verse en portrait es porque aparecen la barra de desplazamiento horizontal y oculta tu párrafo <p>.
Tu párrafo es alineado dentro del <div> abajo y es donde aparece la barra de desplazamiento. La idea que te voy a dar es alinear el <p> arriba del <div>.
Así que prueba esto a ver, añade esto a tu archivo css:
#footer p {margin:0;text-align:center;}