[Помогите] создание адаптивной шапки

(я новичок в деле верстки)
Всем привет. Такое дело, создаю адаптивный хэдер на html и css, (пытался в инете найти примеры, но по большей части попадаются только старые уроки) вообщем вышло что-то такое:
https://jsfiddle.net/Sodjiro/mv4txkqd/

И в принципе работает все как мне надо только вот не пойму как сделать для header-content ширину как у body (1170px)?
Ибо хэдер выходит по ширине меньше тела документа.

Код может быть страшным и режущим глаза, но увы я только учусь))) заранее спасибо.

 

Ну так и сделать как у body
#header-content {width: 1170px;}

 

вот же... умудрился не правильно изложить проблему. Мне нужно чтобы логотип и меню(ссылки) находились по краям #header-content, т.е. на ровне с шириной боди.( ширина #header-content по идее должна быть как у боди, но тогда все работает не так как хотелось бы)
Но если задаю ему ширину как у боди и ставлю justify-content:space-between; то теряю адаптивность...
вот и не пойму как правильно сделать)

сорри за путаницу проблемы...

 

К сожалению нигде не встречал уточнения в каких единицах задавать ширину боди... хотя было в пикселях, видимо старые какие-то уроки. Попробовал сделать через %, теперь вроде все работает как надо.
Но все же если подскажите как правильно ее задавать буду благодарен, по большей части в инете множество старых уроков, а вот тонкости копать приходится разными путями. В любом случае спасибо наводка помогла решить проблему))