How do I make an image that is positioned to float left, float center when screen size is reduced to tablet resolution or lower

On my template I want my logo to be positioned left.

When screen is reduced to tablet resolution or lower I want my logo image to be centered.

How can I accomplish this?