diff --git a/rowers/templates/brochure.html b/rowers/templates/brochure.html
index 00a9ef66..db236129 100644
--- a/rowers/templates/brochure.html
+++ b/rowers/templates/brochure.html
@@ -1,12 +1,25 @@
 
     {% extends "base.html" %}
-    {% block title %}Brochure{% endblock title %}
+{% block title %}Brochure{% endblock title %}
+{% block meta %}
+<style>
+  #container { overflow: auto; -webkit-overflow-scrolling: touch; height: 500px; }
+  object { width: 900px; height: 5000px }
+</style>
+{% endblock meta %}
     {% block content %}
 
 <div class="grid_12 alpha">
   <h2>Read our Brochure</h2>
 
-  <embed src="/static/brochure WEB.pdf" width="960" height="650">
+  <div id="container">
+    <object id="obj" data="/static/brochure WEB.pdf" >
+      object can't be rendered
+    </object>
+  </div>
+  <!-- 
+       <embed src="/static/brochure WEB.pdf" width="960" height="650"> 
+         -->
 </div>
 
     {% endblock content %}