Changing div max width on smaller devices

On larger devices I would like this div to have a max width so it take up only part of the page:

On smaller devices I would like the text to spread out wider, but I can’t do this because the width is inherited.

What should I be doing differently?


Here is my site Read-Only: Webflow - Better Meetings

If you change the breakpoint to tablet or mobile from desktop and then change the max-width, it will only affect those devices, and not desktop.

Thanks - I don’t seem to be able to adjust the max width when I’m on a smaller breakpoint.

@Steve-K