Prepare Styling

[vitorgomateus]

• Change to or update Bootstrap; #93
• Add new brand colors and typography as SCSS variables;
• Introduce gradients from mockups for backgrounds of banners as a variable and a class.
• CSS Updates: Add better structure to the CSS rules so that the design is more consistent across screens and modules.
  • In the home screen the heading, sections, news, and footer are never aligned in the side limits.
  • An empty NewsIndexPage page currently has the heading and body floating in the middle of the screen. When a sidebar is added, if it doesn't have enough text, the layout is broken.
  • Maybe all components are at least 3 global cols. Every component template is a col. The page templates open into a screen wide row.
  • Only buttons should have rounded corners.
  • Ensure font-sizes are consistent.
  • Ensure paddings and gaps between content blocks are consistent.
• Footer: add content to the footer according to the mockups.
• Fix /search/ and /404/