The code should be affecting the padding, letterspacing and the font size. It’s not activating at the specified size. In fact, it’s not changing at all. I’m just trying to help alleviate this awkward spacing for the size between the tablet and the phone sizes.
But you didn’t add style for padding or font size for the desktop portion of the code?
The code in @media (max-width: 769px) won’t trigger until the screen size is less than 769px.
If you changed the mobile break point as I recalled before then you would need to change all the px number to match as well.