Device specific padding? (mobile/desktop)

I have always struggled with this, I so often need a bit of padding on desktop, but on mobile it’s too much or not needed. Sometimes using Will Woodgate’s brillinat Tinker stack and using Viewpoint units works, but I would love to know of a way to use CSS to apply padding to a stack element that only showed on mobile or only on desktop. so i could lower a bit of text on mobile but not have that affect desktop viewers.

This kind of seems like something everyone would need, it comes up all the time for me.