Fluid landing page with semantic markup (HTML & SCSS)

Hello, I'd be grateful if you would review my project and answer these questions which I'm not sure about :)

1.Is it right the thing with focus-visible what I am doing (look in the reset.scss file please)? 2.I have done more than 300 lines of media queries code, what do you think about this? Bad/good? 3.What do you think about my utility classes in reset.scss file, aren't they used wrong and aren't there too much of them included for every property?

Thanks a lot mate!