Mymacom

Берешь div внутри logo и nav > ul > li.Пишешь для ul display: flex; и margin right для li.А потом пишешь для div display: flex; justify-content space between align items center и задаешь ширину для div. Для лого пиши display block.

Ну самое простое, что ты можешь сделать, так это добавить свойство float: left; для id Menu. (Но это далеко не самый лучший вариант)

Но лучше добавь им двоим (#logo и #Menu) float: left;. После чего добавь ширину для твоего лого (в отладчике показывает, что его ширина примерно 175px). А для #Menu добавь ширину 100% отняв отуда ширину лого. Примерно так -> ( width: calc(100% - 175px); ).

я бы для меню и лого добавил общую обертку, какой-нить header-top etc, и ему flex - на тех же флексах и меню отдельно... но это дело вкуса, я так привык...