Two Portfolio Code Question

I’m struggling to figure out the formatting for the following tow issues when beginning to layout my portfolio page.

Question 1: What in bootstrap or my html makes the header slightly wider on the right side?

Question 2: Why does the navigation overlap when each have their own designated column?

Link to Codepen: https://codepen.io/nelsrahn/pen/amOzWG

Thanks for the help.

Nelson

your closing header tag is in the wrong place

if this is what you are aiming for

/div
/header
/div

If I change the header closing tag it is now mis-aligned on the left.

http://codepen.io/nelsrahn/pen/amOzWG