genuine92

Привет всем! Помогите решить проблему. http://codepen.io/anon/pen/jVBmaP вот накидал пример. в блок c id header (у которого есть фон) помещеню ul меню. В медиазапросах указано что при достижении такой-то ширины убрать логотип. Лого удаляется, но вместе с ним и само меню, т.к. оно также находится в div id="header". Вынос меню за пределы дива ничего не дал. Напротив появился разрыв между блоком #content и шапкой. Помогите решить проблему! Или чтобы не было разрывов между блоками когда меню находится вне блока див с ид header, либо чтобы после исчезновения шапки с логотипом, менюшка оставалась однако при этом смещалось вверх и весь остальной контент тоже.