Letter spacing on mobile version is different and images zoom in on scroll

Site URL: https://www.kathiebaptista.com/

The letter spacing of my headers is off when viewing on mobile. When I'm on my desktop and view the site on mobile view within Squarespace, it looks fine, but when I view the site on an actual mobile phone, the letter spacing is off. tried adding letter-spacing:0px !important; to the font properties in the css but it did nothing. 

10 hours ago, KathieB said:

Site URL: https://www.kathiebaptista.com/

The letter spacing of my headers is off when viewing on mobile. When I'm on my desktop and view the site on mobile view within Squarespace, it looks fine, but when I view the site on an actual mobile phone, the letter spacing is off. tried adding letter-spacing:0px !important; to the font properties in the css but it did nothing. 

Space between letter, you can use 

letter-spacing: 1px !important;

Space between word, you can use

word-spacing: 3px;

Which configuration you want to set?