title: Cannot override h2 properties in CSS
body: <p>Can anyone tell me where I'm going wrong here, I've positioned paragraphs and headings easily before but for some reason cannot move the paragraph 'After taking to the walking trails...' up closer to the h2 heading 'ladies beach local view'(both these are at the bottom of the linked page)</p>
  
  <p>The problem seems to be in both the line-height and margin-bottom properties of the h2 heading tag so I've tried overriding both to reduce the gap - as can be seen in the CSS - but the gap remains. Any idea why the CSS is not fixing the gap ? Thanks</p>
  
  <p>Here's the CSS I tried using: </p>
  
  <pre><code>.betta h2 {
  margin-bottom: 0px;
  font-weight: 300;
  line-height: 1.00em;
  letter-spacing: 1px;
  }
  
  h1, h2, h3, h4, h5, h6 span {
  margin-bottom:0px;
  font-family:"Oswald", sans-serif;
  font-weight:300;
  line-height:1.00em;
  letter-spacing:1px;
  }
  </code></pre>
  
  <p>Here's the page link, the problem part is at the bottom of the page, thanks.</p>
  
  <p><a href="http://dbtest.destinationballybunion.ie/?page_id=4952" rel="nofollow">http://dbtest.destinationballybunion.ie/?page_id=4952</a></p>