Responsive landing page using SCSS, Grid, Flexbox, and JS

1. At what point does increased precision no longer pay dividends? I recently chose a line height of 1.07. Is that too granular of a value? Would it be better to use 1.0 or 1.1? (For the record, I have read Josh W. Comeau's article about pixel perfection. This is more about how many decimal places are relevant.)
2. Is it okay to use percentage for padding like I did to make my hero image to appear? (It's ".hero" selector in the _mobile partial.)
3. Did I achieve some responsiveness? I could make it look good at 1440x800, but at wider sizes not so much (in my opinion). But adding an extra media query keeps the page centered starting at the 1441px mark. I think this looks better at those wider dimensions.
4. Anything else you notice.

Thank you in advance for the feedback!