Как правильно реализовать подобный header?

собственно интересует подобное округление?
Была мысль через border-bottom-left-radius /border-bottom-right-radius,но насколько это правильно? При этом сайт будет адаптивным.
база: jsfiddle