Centering content until a certain resolution

I have a left side nav menu. and I want my content to be centered.

right now im using margin: 0px auto;

However when my browser is resized, the content is centered and overlaps the side nav. is it possible to restrict the centering when it hits the left nav?