Header méretezése cssben középre?

Van egy divem benne egy nagy felbontású képpel.

Van rajta width, height %-ban; bg-image kilóg vagyis a div oldalai levágják a kép részét de én azt akarom hogy ne a képet vágja le hanem maga a css méretezze a reszponzivitás érdekében. Szóval jelenleg ezek vannak rajta:

width: 80%;

height: 300px;

background-image: url("../images/fejlec.png");

background-attachment: no-repeat;

background-position: center center;

+ marginok