Turning off wrapping inside pre tags for smaller media

Hello!

First, this is a beautiful theme. I really enjoy it.

I am trying to adjust one thing and I am having trouble with it. I blog a lot about computer code, and I need the code inside of pre tags not to wrap on all device sizes. Wrapping destroys the formatting of the code that I am presenting.

On a full-size computer screen, there is no line-wrapping. It works perfect, and is beautiful.

On smaller screens (like my iPhone) the text wraps. I am trying to figure out how to adjust the appropriate @media query in the css file to stop it from wrapping and return overflow characteristics to a scrolling behavior.

Any chance you could point me to the right place in the css file to accomplish this?