Hero spacing on mobile

[thelifeandtimes]

~malmur-halmex reports that on taller size phone screens the homepage hero content has a lot of space available on the bottom portion of the screen:

Right now the rendering is just based on viewport width, so everything with w < 768px has the same vertical spacing. This results in conflicts with feedback from people on smaller screens who experience the bottom buttons cut off if there is more top margin/padding.

The fix here is probably one or both of the following:

1. Calculate positioning based on viewport height (potentially just for screens md: and below or something?)
2. for smaller screens, consider using variable font sizing.