Responsive & Reactive landing page w/ custom dropdown menus

Hi everyone. I ran into two problems with this project.

I would like to know why the text look like it has a small bottom padding. (If you look at the dropdowns you see that it is not perfectly aligned even tho i used align-items: center) I tried to mess with the vertical-align but not an option in flexbox; line-height not working; padding already set to 0. Can you please help me on that?

Also i had to use 3 breakpoints for the hero image to make it scale but i would like to find a good calc() formula to make it more fluid as the viewport grows.

Thank you for the time. Peace