problema con colocar un background completo

[memoadian]

cuando se baja la resolución, lo que disminuye es el ancho.

por lo que podrias usar bckground-size:cover

y usar el banner como background, pero esto tiene un limite.

para que quede muy bien tendrías que usar mediaqueries, y un banner distinto según la resolución. Con 3 funcionaria. Es cosa de que vayas probando, de todos modos, un resultado perfecto no lo vas a obtener.

otra buena solución es hacer el banner más alto que el header y de este modo cuando se cambie la resolución, se ira adaptando al contenedor, pero pasa lo mismo, no es una solución general para todo.

¿que mas? bueno en vez de usar el banner como una sola imagen, puedes separar el background del texto de este modo aunque se deforme un poco el background, el logo no.