change rich text size on mobile

[Fabian_weldon]

I have added this code to create a rich text section on my Brooklyn homepage:

 Unfortunately on a mobile screen it is far too large:

 

Is it possible to change the size of this for mobile only. The text and the padding.

thank you in advance

[Guleria]

Use media query like this

@_media only screen and (max-width: 600px) {
	.rich-text, .rich-text p{
           font-size: 16px
           padding: 10px;
	}
}

[Fabian_weldon]

I tried something similar to that. It seems to completely distort my homepage:

I appreciate the response.