tidy up step list on mobile/narrow screens

use CSS and JS to hide all but the last and current step and to insert
an 'of' before the last step rather than having a huge list of all
the steps taking up lots of room at the top of the screen