Nav bar help for media queries

Cant seem to figure out how to get my links in the nav bar to move beside each other instead on on top of each other when the screen size is changed.
Link to the codepen.

[Deleted I just saw you’re already trying to use media queries.]

my “a” elements aren’t changing to a column when the width is less than the media query. The nav bar moves but the links do not.
Also I just realized my h2 elements don,t show up when the screen gets below the max width.