Responsive landing page using pure css

1. i was unable to add the button's states - i will revisit them after i have attempted the challenges before this challenge (sorted by difficulty)
2. one serious difficulty i had was really trying to gauge the paddings (eg. for desktop; so for my media query of min-width 1000px)

Areas of code i am unsure of:

1. is there a max-width for responsiveness? eg. if i go to devtools and pull it till > 1600px it starts to get really funky

2. how do i make this landing page responsive to viewport height (and should i?). eg. when i go to devtools and go to ipad-mini or ipad-air, there is a lot of empty space at the bottom. should i be using viewport height or something or is that fine?

3. best practices- was wondering if my code is spaghetti