CSS affects element in wrong section

I have been working on this website for awhile, I have run into a few problems but many of them were just small mess ups.

Now I just can not figure out what is going on here.

http://goo.gl/oEuoU5

If you look at the top text that says "Start Growing Your Business Today", you can see it has some padding.

Now if you look at in with the element inspector, you can see that the style comes from this CSS

.home #pricing h1, h2, h3 {

    padding: 1em;

}

But the problem is, that header is not in the #pricing section. So I cannot understand why it is being styled.

I have tried a few things like

 #pricing h1, h2, h3 {

    padding: 1em;

}

or

.pricing h1, h2, h3 {

    padding: 1em;

}

but nothing seems to work. I have even tried seeing if I messed up in the document flow but I cannot find any problems.

Any help would be greatly appreciated.