added responsive layout with groups
diff --git a/website/templates/pages/contact.html b/website/templates/pages/contact.html
index f876da1..6022b9a 100644
--- a/website/templates/pages/contact.html
+++ b/website/templates/pages/contact.html
@@ -7,9 +7,9 @@
{% set title="Contact Us" %}
{% block content %}
-<div class="layout-wrapper">
- <div class="layout-main row">
- <div class="web-form span5 pull-left">
+<div class="span12">
+ <div class="row">
+ <div class="web-form span8">
{{ obj.doc.introduction or "<h3>Contact Us</h3>"}}
<div class="row">
<div class="span4">
@@ -28,7 +28,7 @@
<p><button class="btn btn-primary btn-send">Send</button></p>
</div>
{% if obj.doc.address %}
- <div class="pull-right span3 alert" itemscope itemtype="http://schema.org/PostalAddress">
+ <div class="span3 alert" style="margin-top: 20px;" itemscope itemtype="http://schema.org/PostalAddress">
<h4><i class="icon-map-marker"></i> {{ obj.address.address_title }}</h4>
{% if obj.address.address_line1 %}
<span itemprop="streetAddress">{{ obj.address.address_line1 }}</span><br>
@@ -50,7 +50,6 @@
{% endif %}
</div>
{% endif %}
- <div class="clearfix"></div>
</div>
</div>
{% endblock %}
\ No newline at end of file