Responsive Settings for Smaller Laptop Screens?

Hi, I’m using a child theme of Zerif lite for a client and they noticed that when viewing the website (currently under the temporary link https://ka-creative.com/HealthCatalystCapital/ ) on a Macbook Pro 13 inch screen, the text in the big title section is not vertically centered and the button is partially off the screen. However, when I test out the site on a responsive tester, it looks fine. Any idea what may be causing this?

Also, the client would like for the big title text to size down for laptop screens that are 13inches or less. I believe right now, the responsive settings are only adjusting font size and item positioning for tablets and mobile devices. Is there something I can do to the style sheet to have the font size shrink on smaller laptop screens?

Thanks in advance for your help!