HelloIamheike

<div class="one-third-column">
Insert the content for the first column here.
</div>
<div class="one-third-column">
Insert the content for the second column here.
</div>
<div class="one-third-column-last">
Insert the content for the third column here.
</div>
<br style="clear:both;" />

HelloIamheike

<div class="one-half-column-left">
<p>Insert the content for the left column here.</p>
</div>
<div class="one-half-column-right">
<p>Insert the content for the right column here.</p>
</div>
<br style="clear:both;" />

HelloIamheike

<!-- Begin Additional Info -->
  <div class="make this whatever div name you want if you want to use CSS later">
      <!-- Create a page with this content. To attach it to the product, set the Product Type to the page's handle -->
      <h1>{{ pages[product.type].title }}</h1>
      <p>{{ pages[product.type].content }}</p>
  </div>
  <!-- End Additional Info -->

HelloIamheike

.input-group .input-group-field {
    height: 47px;
    border-bottom: 1px solid #000000;
} 

HelloIamheike

.template-product .wrapper {
max-width:1400px;
}
 
.template-index .wrapper {
max-width:1400px;
}

.template-collection .wrapper {
max-width:1400px;

HelloIamheike

/* =========
my code
========= */

HelloIamheike

.template-page .wrapper {
max-width:1400px;
}