Give Partner/Logo Element columns a new order on mobile

Hi!

I have placed 5 logos on the bottom of my page right above the footer in the Partner/Logo Element. Looks on desktop like this:
http://fs5.directupload.net/images/160615/s2wtcwlw.png

The most important logo is the middle one – that’s because it’s the only one that is in color.

On mobile or smaller devices i would like the 5 columns to push the middle one (the third) to the top. When I scale my viewport smaller, the first logo is also the first column, like this: http://fs5.directupload.net/images/160615/ec2mtcbx.png

There should be the colored one on top while all the others would be displayed beneath it.

Hope you understand what I mean and I hope you can help me with it!

Greetings,
Linda