Trying to change the color of a line of text

I have changed the color of the line of text, but when I refresh the page, the id changes. I have read to use the block-yui instead to prevent this. However, when I use that it changes the color of everything in that block and not just that one line. I cannot figure out how to select that one line in a way that will make it permanent. 

any help with this would be greatly appreciated. The site is Kaliber Auto Detailing Ceramic Coatings and the Line of text I am trying to edit is "Our Ceramic Coatings Include a lot for your money:"

Version 7.0 and the template is Wright

any help with this would be greatly appreciated! Thank you.

NOTE: IF the above cannot be accomplished. 

I have tired the markup text and I got it red but I now cannot get it centered. This what I have right now. I have used the text-align, and such but it wont move from where it is at.

<span style="color: red; font-size: 20px; font-weight: 600; font-family: futura-pt,">Our Ceramic Coatings Include A Lot For Your Money:</span>

Not sure if this is the right way to do it but I had to use the markup box to change the color and then use the custom CSS section to center it as it would not let me center the text in the markup.