Header settings

I wonder if someone can help.

I have a header widget which shows the following code:

<h4><a
href=”http://www.thefriendlyaccountants.co.uk/sign-now&#8221; class=”weblink”>Sign Up For Your Risk-Free Trial</h4>
<h5>0845 450 7990 | 01202 048696</h5>
<h4>lesley@thefriendlyaccountants.co.uk </h4>

My h4 definition is as follows:

#text-5 h4 {
color: #b9d40f;
font-size: 36px;
text-align: center;
}
However my 1st and 3rd row on my website show completely differently. The website link is blue rather than the colour I have specified and the email link is the right colour but doesn’t seem to change when I edit the style sheet.

The website is http://www.thefriendlyaccountants.co.uk.

Does anyone have any suggestions please?