<div class="rt-demo-block gantry-width-50 gantry-width-block rt-bottom-space">
  <div class="gantry-width-spacer nomargintop nomarginbottom">
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img1.jpg" /></span>
      <h4 class="nomargintop smallmarginbottom"><span class="hidden-tablet">Preset</span> Styles</h4>
      <p class="nomarginbottom">8 style variations are available, each are individually configurable.</p>
    </div>
    <div class="clear"></div>
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img2.jpg" /></span>
      <h4 class="smallmarginbottom"><span class="hidden-tablet">Module Variations</span><span class="visible-tablet">Suffixes</span></h4>
      <p class="nomarginbottom hidden-tablet">There are 8 stylistic module variations, with 25 structural suffixes.</p>
      <p class="nomarginbottom visible-tablet">There are 8 stylistic module variations.</p>
    </div>    
  </div>
</div>

<div class="rt-demo-block gantry-width-50 gantry-width-block">
  <div class="gantry-width-spacer nomargintop">
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img3.jpg" /></span>
      <h4 class="nomargintop smallmarginbottom">Typography</h4>
      <p class="nomarginbottom">Individualize your content with typography such as custom list styles.</p>
    </div>
    <div class="clear"></div>
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img4.jpg" /></span>
      <h4 class="smallmarginbottom"><span class="hidden-tablet">Image Source Files</span><span class="visible-tablet">Sources</span></h4>
      <p class="nomarginbottom hidden-tablet">Adobe® Fireworks PNG Sources are provided for easy customization.</p>
      <p class="nomarginbottom visible-tablet">Adobe® Fireworks PNG Sources.</p>
    </div>    
  </div>
</div>