fixing layout for DFP component between faciaLeftCol and wide

This fixes a layout issue when text can "slip" into the gap between the image and edge of the component at some breakpoints.

Before;
![screen shot 2014-08-07 at 11 21 57](https://cloud.githubusercontent.com/assets/1303616/3840924/dae0dd0c-1e24-11e4-8437-bc3b28877487.png)

After;
![screen shot 2014-08-07 at 12 10 01](https://cloud.githubusercontent.com/assets/1303616/3840926/e0c7b524-1e24-11e4-927b-5cfff44fa365.png)


![](http://i.guim.co.uk/w-1024/h--/q-95/sys-images/Guardian/Pix/pictures/2014/8/5/1407251887770/fc7e082a-6ec1-44ed-9f99-7e3f8b60e65d-2060x1545.jpeg)

I'd put this in a mixin, then repeat it in both media queries. What do you think?