Need Help with Responsive Design

HTML-CSS
1

Here is the website I’m working on: https://codepen.io/rrichetto/pen/yxbjZB

How would I make it so (1) the header / nav bar and (2) the Image is responsive on both smaller and larger screens. Right now it only looks good on a 15" screen. If I make the screen larger or smaller the image and navbar distort.

Thanks,
Ryan

2

I think you just need to experiment with more media queries.
I added one here at about 1000px: