在下一个元素包装之前，将元素缩小到最小宽度

I am making a fairly simple responsive website. I have a logo div that keeps the logo centered on small screens, and to the left on big screens. Everything is working how I want it to, (try resizing the jsfiddle) except that I want the logo div to scale down to it's min-width I am making a fairly simple responsive website.