Fix Logo or Header Image Cut Off on Smaller Screens

Quick tip for members: If you have added a full width image to your header, you may find its cut off on smaller screens like the following example:

The above example cuts off the text in the image at 600px so the CSS to fix this is only added to the Media Queries for @media only screen and (max-width: 600px)