Как сделать адаптивным header с таким background-ом?

Question

[Ivan-P]

Не могу понять что делать с background-ом такой шапки. При уменьшении экрана будет расти в высоте и синяя и зеленая части. Еще и треугольнички эти... Как порезать данный фон для адаптивной верстки?

Answer 1

[IceJOKER]

repeat-x и все, что трудного?
foodle shop как лого
а из фонового рисунка вырежьте небольшой кусок и повторите repeat-x