Preview vs production formatting different

I’ve created a simple 4 field form which appears correctly when I use the preview function. But when I publish the form, the form field labels do not appear above the field, but are shown at the bottom left side of the field. Also the tip text does not appear in italics, grey small font as it does in the preview. This makes the from more difficult to understand and fill out. I’m guessing this has something to do with the CSS and theme used for this website?

Here is the HTML code used:

<div class="container">
  <div class="row">
    <div class="columns full">
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field text required"><label for="">Your Name<em>*</em></label>[text* Name]
              <p class="info-tip">Enter your full name</p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field email required"><label for="">Your Email<em>*</em></label>[email* Email]
              <p class="info-tip">Enter a valid email</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="columns full">
      <div class="container">
        <div class="row">
          <div class="columns full">
            <div class="field textarea required"><label for="">Declaration<em>*</em></label> [textarea* Declaration x5]
              <p class="info-tip">DECLARATION: 1) I am willing to serve as (requested role). 2) Are you able to communicate electronically, 3) Do you have any commercial interest in any sailing related businesses.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="columns full">
        <div class="container">
          <div class="row">
            <div class="columns full">
              <div class="field textarea required"><label for="">BIO/CV<em>*</em></label> [textarea* Bio-cv x10]
                <p class="info-tip">BIO/CV: Please provide some information about yourself and your interest in Radio Sailing.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="container">
          <div class="row">
            <div class="columns full">
              <div class="field"><label></label>[submit "Send"]
                <p class="info-tip"></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

The page I need help with: [log in to see the link]