Not all styles in a class apply

Not all styles in a class apply

Any one have any idea why styles in title_services class apply all and in
the title_services2 class there apply only line-height, font-weight;
letter-spacing? When I use Tool for Developers in Chrome and select
h4.title_services it lists all styles, but when I select
h4.title_services2 it shows only those three styles. Below is the CSS (h4
and h4.title_services work correctly, h4.title_services2 not)
h4 {
font-size:28px;
line-height:2em;
color:#fff;
font-weight:normal;
letter-spacing:-1px;
}
h4.title_services {
font-size:28px;
margin-top:15px;
margin-bottom:15px;
text-align:center;
line-height:1em;
color:#fff;
font-weight:normal;
letter-spacing:-1px;
}
h4.title_services2 {
font-size:28px;
margin-top:25px;
margin-bottom:15px;
text-align:center;
line-height:1em;
color:blue;/*#fff;*/
font-weight:normal;
letter-spacing:-1px;
}
HTML is as follows:
<article class="grid_3">
<div class="indent-left">
<img style="display: block; margin: 0 auto;"
src="../images/services_kid.png" />
<h4 class="title_services">First headline</h4>
<div id="button2"><a class="button2" href="#">BUTTON</a></div>
</div>
</article>
<article class="grid_3">
<div class="indent-left">
<img style="display: block; margin: 0 auto;"
src="../images/services_kid2.png" />
<h4 class="title_services2">Second headline</h4>
<div id="button2"><a class="button2" href="#">CENÍK</a></div>
</div>
</article>