Redesign header/Navigation Items

[t-rhex]

Describe the bug
Header/Navigation form looks good in Large Screensizes but for Mobile devices, this can be improved/redesigned. In sm/md screen sizes, the connection form and contact form can be at the end. The hamburger icon can be a little bigger also the logo.

To Reproduce
Steps to reproduce the behavior:

1. Open Chrome Dev Tools and play with the mobile version of Webapp.

Additional context
N/A

Acceptance Criteria
Thorough testing and screenshots. Review Mobile and Web.