Как правильно сделать адаптивной шапку?

background-size совместно с background-position и, возможно, media условиями

Ankhena, то есть без задания высоты не будет работать?(

De Slow,
Можно сохранять пропорции у блока https://jsfiddle.net/Ankhena/cLhxv7eq/
Можно задавать минимальную/максимальную высоту.
Можно не задавать высоту вообще.
Все зависит от желаемого поведения.

Ankhena, пропорции как раз подходит. Постараюсь сейчас разобраться
Что значит установка пропорций?
В данном случае wrap-это header?

De Slow, да .site-header

Ankhena, content - содержимое контейнера?
как прописать ума не приложу....

De Slow, да, блок .content это содержимое блока.