Redesigned /payments-by-direct-debit

![payments by direct debit gocardless](https://cloud.githubusercontent.com/assets/883598/4479313/4b77d5aa-498d-11e4-8351-d192965bbdc3.png)

Consider using `u-size1of3` instead of `4of12` for consistency’s sake – you use them above.