cbeaman on "How do you make the Header Image Responsive?"

Hi,

I am trying to make the header image responsive... seen here

I am pretty sure I can do this in the style.css, but I'm not quite sure how?

This is the code I have now:

a#headerimg-keyz  {

  background: url("images/Header_Keyz.png")
  no-repeat bottom center;
  display: inline-block;
  max-width: 100% !important;
  width: 1200px;
  width: 85.714rem;
  height: 193px;
  height: 13.7857rem;
  }

I have this working on my main site, but can't get it working for this custom header

main site here

I really appreciate your help!