Improve paddings and various sizes for small laptop screens (and more comments)

[furilo]

• Logo and main text has almost no padding, they both are too near of screen edge
• I'd make smaller the menu font-size
• Why a tick for submitting the form? It feels strange to me
• h1.section-title feels a little bit gigantic
• Product cards:
  • should we have a border in the images or full cards?
  • It feels weird to me that the right edge of products its not aligned with the Products header
• News: headings titles (of elements) is too big?
• Logos: I'd make them smaller so they have more padding
• Team heading center-aligned - any special reason to change relative to the other headings?
• Footer: should we add some border-top or similar?
• Menu: It keeps feeling strange to me the mix of the logo and menu items. I'd try separating them more, and making menu items smaller.

[Feel free to open specific issues for each item if needed]

[martgnz]

The style isn't finished yet, that's why there are some rough edges here and there. Some issues are already open (#11, #6).

• In general, I need to review the font sizes, and probably switch to another scale.
• Need to check out how to add an inline SVG to submit the Revue form. It was a bit unclear how to do it with the current implementation so I added the tick as a placeholder.
• Product cards
  • Need to think about the border.
  • There is a responsive issue with our padded columns hack, so I disabled a part of it.
• Team: I didn't like it left-aligned, it looked weird. Now is less consistent, maybe I can fix this aligning the faces to the left too.