Coding issue / resizing on tablet & typo on mobile

Hello, Hello,

I am almost done, redoing my website. I have noticed some issue when switching from desktop to tablet & mobile:

Tablet issue :
https://www.qualitycupofcoffee.com/formations-sca-1
On that page my price boxes (pink square ones) does not seem to resize well on tablet, same goes for the green coffee courses cards below. On tablet, the typo is going all over the place. Any idea?

Mobile issue:
I realized that for my coffee courses cards, my title typo font is changing from desktop to mobile, not sure why. I got the same typo font change issue on the first page of my website (the testimonial area). My font is switching from Freight Big pro to ... I don't know what.

Thanks,
Manon

 

Add to Home > Design > Custom CSS to resize font size (price, title)

@media screen and (min-width:641px) and (max-width:900px) {
.cs-pricing-table-2__price {
    font-size: 45px;
}
h3.cs-pricing-table-2__title {
    font-size: 12px;
}
}

Thanks, it works perfectly !