Borde du inte lägga reglerna så att om webbläsaren är mindre än vad layouten kräver så skall den byta till en mindre?
Som det är nu så byter regeln till den mindre layouten bara när ytan är liten nog för att den layouten precis skall passa. När den egentligen behöver byta till en mindre layout när det inte finns plats längre. Designen nu släpar efter så att säga och blir då för stor.
Vad gäller mobilen, prova att byta ut "@media (max-width: 320px)" till "@media screen and (max-width: 320px)". (Källa:
http://stackoverflow.com/questions/8...-media-queries).