Why does the following CSS not work?

Why does the following CSS not work?

I must admit, I expect this to work. In my mind I see my CSS class as
selecting,"all child h2 elements of an element containing
class="jumbotron-features"
jsFiddle: http://jsfiddle.net/sKAhn/
.jumbotron-features h2
{
color: #797979;
font-style: oblique;
}
<div class="jumbotron jumbtron-features">
<div class="container">
<div class="content">
<div class="row">
<div class="col-lg-4 text-left">
<div class="feature-box feature-box-vertical-middle">
<h2>Seriously powerful, incredibly intuitive,
and designed by real estate experts!</h2>
</div>
</div>
</div>
</div>
</div>
</div>