Add content to individual pages

Let's add our initials to the pages we'd like to start working on.

Specifics:

[x] change the 'Bixal Brand Guide' in the top header/nav. (Can we add the bixal logo there instead?)
[x] Home page: header image Bixal logo on a singular line, navy with white text (black looked too daunting, navy goes along with brand style)
[x] Home page: just color with text, full viewport size, take out "bixperience" and move "looking forward" up; B with an image?
[x] ~~balance the use of markdown and HTML (when to use markdown? when to use html?)~~
[x] Format the buttons - change hover color
[x] ~~change headings font (h1 = font-alt-3xl, h2=font-alt-2xl)~~
[x] increase paragraph size throughout the guide (intro paragraphs/paragraphs under the heading can be font-body-large, for consistency we will continue to use usa-prose to format text)
[x] uniform spacing between the heading and paragraphs throughout the guide (use spacing defined in USWDS)
[x] imagery page: add example images (Karen added images to the location per Demi)
[x] typography page: remove "placement of text" section from
[x] typography page: replace images (on Karen's to-do)
[x] typography page: remove bullets for "fall back fonts".
[x] color page: be careful of widows (I think I solved this? it's more dependent on screen size, even different desktop screen sizes. I added a break on Medium Palette card, so that 'body text' are on the last line together. It looks kinda awkward? Also tried line break at different points in the text, but continued to look awkward)
[x] color page: adjust margin for the images

Karen to-do:

[x] recreate typography text image to have a darker font color and export as png (slide 32 of Bixal brand guide)
[x] recreate and increase the size of the typography image example and export as png (slide 33 of Bixal brand guide)

Bixal / brand-guide