Mobile landscape mode

Hi

I just realized that my website doesn’t look right in the landscape mode on my Ipad. I would like to have the menu on the right side of the logo just like on the desktop.
Also, not everything is aligned. On the home page below the first rose, there is a section where I have a big square divided into 4 squares. The squares are not aligned. They are a little off. When I turn the iPad to portrait mode. It gets even worse. The squares turn into a rectangle.

Hopefully, someone can help me out.

Many thanks,
Hazel

The page I need help with: [log in to see the link]