Menu positioning problem – which would be the right CSS?

Hi everybody,

I’m following this tutorial for WordPress Themes customization (by the way it is really good).

This is the link of the video: https://www.youtube.com/watch?v=AShql_Ap1Yo&index=4&list=PLpcSpRrAaOaqMA4R dhSnnNcaqOVpX7qi5

I’m stuck at the minute 8:13.

At the moment, I’m stuck because the menu appears below the line that should be at the bottom of the header.

In the next link, you can see a picture with the problem, I’d really appreciate your help.

https://www.dropbox.com/s/xikfxx94ptt6xd4/Captura%20de%20pantalla%202016-01-22%2019.41.36.png?dl=0

Here you can see the code: http://codepen.io/ralfillo/pen/RrQZbb

Thanks for your help,
Rafa