Full Length Logo in Header w/shirnk capabilities

Hi,
Love the theme but bit stuck on one issue. I would like to place a logo at the top of the header that is full width ( 2020px ) x 229px. I tried to set the logo as a background image in the header … which looks good on a laptop but it does not shrink with the screen size.

I also tried the following quick css:
.logo img {
height: 100px;
width: 1200px;
}
and that did not work either…

Also tried css…
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
and it almost worked, just not all the way to the edges, but almost there.

Do you have any suggestions ?

Thank You very much.