How correct is the adaptive layout?

Question

css

Please evaluate my first adaptive layout (sedona layout) Made
on flex The
page is not complete (there is no form at the map level)
1) I can’t understand why the content of the last column in block #2 (souvenirs) is jumping.
The situation is the same when adapting to 590px, everyone stands exactly in the column, and he "catches up".
2) How to make an adaptive menu for a mobile extension
(in the layout it should fall out from above, thereby pushing the main content on the site down)
3) How to correctly insert a logo in the middle of navigation (there is a lot of information on the Internet that a logo can be inserted into In this case, if we add another menu item - the logo is shifted)

I would be grateful for your answers.
The source code itself