Растяжение логотипа и гамбургера при изменении ширины экрана с помощью javascript

В связи с вопросом Выравнивание логотипа с помощью css возник вопрос:

"Как с помощью javascript при расширении размера окна веб-браузера добиться того, чтобы положение и размеры логотипа и гамбургера изменялись пропорционально? Также как изменить позиционирование логотипа и гамбургера при растяжении экрана?"

Вопрос, который сочтен дубликатом, был отвечен мною же и в десятки раз проще примера в этом вопросе. В этом примере гораздо больше взаимосвязанных элементов, чем в приведенном вопросе (то был скорее учебный пример, а это боевой). Мне нужен javascript подход.