Максим

не submenu: hover
а dropdown:hover submenu

А лого у вас это что ? изображение или текст какой то ?

Вроде бы так : https://codepen.io/topicstarter/pen/GLBQVp

https://jsfiddle.net/bd819Lxn/1/ так вроде

https://codepen.io/topicstarter/pen/eXyQRw - это конечно порнуха но вы скажите что нужно и для чего нужно использовать position в footer

Из вашего примера же делается медиа запрос в котором говорится что первое меню flex block а как нужно показать другое т.ь при меньшем разрешение то скрываем первое и.е display: none и показываем второе т.е display:block,flex,grid etc
Но щас проще манипулировать одним это проще

https://codepen.io/topicstarter/pen/drPpdv - если надо адаптировать то у .items удалить фиксированый размер и сами уже подстраиваете как должны выглядеть ваши поля ввода

В фотошопе разумеется ...

три блока друг под другом и в каждом блоке два элемента внутри каждого иконка и текст но разные отступы и каждый блок flex justify-content:space-bwtween, главный блок имеет относительное позиционирование и форма круга абсолютно отцентрированная

Иконки сделать в SVG