fixed canvas size on mobile; minor fixes

index.html

@@ -20,7 +20,7 @@
       </ul>
     </div>
     <div id="infoTouchDiv" class="center">
-      Ações:
+      Acções:
       <ul id="touch-elems">
         <li id="67">anal</li>
         <li id="70">vaginal</li>

paradise.css

@@ -29,3 +29,16 @@ div.center {
     cursor: pointer;
 }
 
+@media only screen and (orientation:portrait) {
+    div.main {
+        zoom: 0.7;
+        -moz-transform: scale(0.7);
+    }
+}
+@media only screen and (orientation:landscape) {
+    div.main {
+        zoom: 1;
+        -moz-transform: scale(1);
+    }
+}
+

paradise.js

@@ -65,6 +65,7 @@ function prepareCanvas(canvasDiv, canvasWidth, canvasHeight)
      * @author: cc
      * Do device validation, fix layout and assign their events
      */
+
     //Check device
     if( navigator.userAgent.match(/Android/i) ||
         navigator.userAgent.match(/iPhone|iPad|iPod/i) ||