Prosím o drobnou pomoc s CSS

Při plné velikosti stránky je menu vlevo a obsah vpravo vedle něj. Při zmenšené velikosti (responzive layout) však menu skočí až pod obsah.

Poradil by mi prosím někdo, co vepsat do přiložených css souborů (spíš do jednoho z nich), aby menu při zmenšení okna bylo jako první a obsah až pod ním?

stránka:
https://www.dropbox.com/s/fxm3abbli0y8zvy/page.html

CSS:
https://www.dropbox.com/s/gdrgsv670r66ipn/layout.css
https://www.dropbox.com/s/z2dhcik10nfvusl/style.css



PS: Kdyby se to menu dokázalo nějak smrsknout, třeba do rozbalovacího seznamu nebo jiné podoby vhodné pro zobrazení nad obsahem (přecejen je to menu v rozbalené podobě dost dlouhé), byl by to bezva bonus.

Potřebuji to do jedné práce, co musím odevzdat do 11ti hodin. Sedím nad tím celou noc a zatím jsem na to nepřišel, v CSS jsem lama.
Předem moc díky za ochotu