Design tweaks to /how-to-apply page

[smarziano]

Here are design tweaks to our /how-to-apply page:

• [x] Increase padding between "Are you ready..." headline and text

• [ ] Lines are missing between steps (#850)

• [x] Add grey line separating "Follow these steps" and Step 1

  

• [x] Shorten "View Family Resources" button to about 340px wide

• [x] "FAQ page" hyperlink in first block should be orange and italics

• [ ] Increase line height on subheadlines to 30px

• [x] Phone number link in "Go to school" should be orange and italics

• [x] Increase padding within blue tiles at bottom of page to match design in issue #833

  

• [ ] Update header image (issue #849)

[theandrewbriggs]

All of these are on production except for the new header image and the step lines. Lines between steps are not doable without significant reconstruction of this page (relates to #850)

[smarziano]

@theandrewbriggs Regarding your comment, I will see if there is another photo that works better. If not, I really like this one and we can keep it.

As for the lines between steps, we still need to add the new SVGs that include the numbers since we do not have a line between each step.

[amynicole]

I exported the assets with the numbers to help with this! Andrew, let me know if you have any issue with them.