Change header media size to fit mobile devices.

Let me start off by saying I have very limited knowledge of HTML and CSS. What I would like to do is have the header image automatically resize to fit in any size screen. I have a company logo as my header image and when viewing on a mobile device only 1/3 of the image shows and it looks terrible. I would appreciate any guidance I can get. Thanks so much!