Fix minor usability and responsiveness issues

[srp-synengco]

There's a few issues with how the page looks for some smaller screens / on the boundary between the three css size break points (probably the wrong terminology) - e.g. centring, line breaks, divs on top of divs, icon sizing

See comments below for the various issued identified

• Fix issue 1
• Fix issue 2
• Fix issue 3
• Fix issue 4
• Fix issue 5
• Fix issue 6
• Fix issue 7
• Fix issue 8
• Test against documented sizes and test other sizes

[srp-synengco]

Issue 1:

The SentientSystem logo gets quite low until it's almost hidden, I would be happy enough if we just deviate from the design slightly to fix the bottom of the logo to the bottom of that image (and have it not move like that as the page size changes)

[srp-synengco]

Issue 2: in relation to issue 1 above, for even smaller screens i can see that the logo dissappearing is a good thing (below). so just make sure the css is actually hiding it on purpose (and it doesn't cause an issue when you make it fixed)

Also, here' the text is kinda hard to read over the darker, perhaps we could change it's colour or something so it's readible in both formats (see new designs in zeplin for a more complete colour palette)

[srp-synengco]

Issue 3

Maybe just the same as 1 (but with the suggestion from 2 to just get rid of it in these smaller screens)

But it also is hiding the header text and tag line text in the banner which shouldn't happen

[srp-synengco]

Issue 4

the icons are still disproportionately large on some screen sizes

[srp-synengco]

Issue 5

the line breaks in the 'how does it work' section are also a bit funny on some screen sizes

[srp-synengco]

Issue 6

the text in the form at the bottom is kinda hard to read (much like 2) and overruns the image

[srp-synengco]

Issue 7

when on mobile (e.g. Galaxy S5) clicking the menu button works to open the menu but not close the menu

[srp-synengco]

Issue 8

Icons seem to snap to different sizes at css page size break points - they should ideally just be the same size, in the example blow, the smaller size is preferable