Mobile Browser - help with font-family & image sizing

Site URL: http://hilarybeckwith.com/

Hello - I have a few questions, all regarding the MOBILE version of my site.

1) The images in my mobile footer did not take on the custom sizing an alignment that I applied for the desktop. Can someone please help with this?  (see screenshot)

2) Custom font family does not apply on the Mobile version when I see it on my phone. Squarespace shows it should be applied in the preview, but in reality, it is not. (see screenshot)

3) Font/line spacing in a couple different places on mobile, are not spacing properly, both in the footer and on the page. (see screenshots)

Can anyone please help?

Hi.

#1. You want to keep layout same as desktop?

#2. Which element?

#3. Overlap problem. You should check Line height option in Site Styles

15 hours ago, tuanphan said:

Hi.

#1. You want to keep layout same as desktop? yes

#2. Which element? see screenshot #3 - text at the top of landing page, below the navigating links.

#3. Overlap problem. You should check Line height option in Site Styles - Screenshot #2 - This is the only place I've seen this occur. Changing the line-height in Site styles will change it in other places where this issue is not occurring. How do I change it with CSS? 

Screenshot#4 - this is already a CSS custom sized font (because default sizing in Site Styles did not work for this block of text). How do I change for this Mobile block only, with CSS?