Text colour change on mobile only

Site URL: https://kierrawalters.squarespace.com/home

Hi,
I'm needing to change the colour of the circled text on mobile only. I've been trying to use the below code but it isn't working. 
Is there something else that I need to do?

@media screen and (max-width:767px)
{ #block-yui_3_17_2_1_1659070961342_145492   p
{color: #4E5B5E !important;}
}

Page password is KJWDesign

Thanks!

Use this code

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1659070961342_145492 * {
    color: red !important;
}
}