Issue with 'margin-top' only when in mobile display

Hi.

I have created a website that looks fine and functions properly on computer displays, but when it triggers for responsive/mobile display, my text boxes are getting huge automatic margins being added on top. I have found the code in inspector. The ‘margin-top: ##px;’ seems to change with the size of the window.

How do I make this a static 10px?

I would know how to do this if I was hand-coding everything, but I am new to WP and have looked all over the forum and web for an answer.

I am using the Mikado Wellspring theme.
Here is an example page: https://bydowntownny.com/index.php/meditation/
View it in narrow mobile display mode.

Any feedback/help is appreciated. Thanks!

– zedcore