Custom css not working on mobile screen

Hi everyone,

In this site: https://bullocks-contracting.squarespace.com/ , I would like to make change to the style of the description besides the image card.

But it only worked on browser, not on my mobile device. The color did not change even I marked it important..

Here is some custom css code:

@media(max-width: 700px) {
  .sqs-html-content.image-subtitle.sqs-dynamic-text p{
  color: black !important;
}
}

Can anyone answer this? :) 

@media screen and (max-width:700px)

8 hours ago, tuanphan said:

@media screen and (max-width:700px)

Hi @tuanphan

I am afraid to say that this does not work. The text inside that image card is still in light grey color. 😞 I am not sure why.

4 hours ago, AndyYang said:

Hi @tuanphan

I am afraid to say that this does not work. The text inside that image card is still in light grey color. 😞 I am not sure why.

Can you take screenshot that text?