Fixing mobile logo scaling

website/source/javascripts/app/Engine.js

@@ -134,12 +134,18 @@ Engine = Base.extend({
 	},
 
 	setupTessellation: function(canvas){
+		var size;
 		this.shapes = [];
+		if (window.innerWidth < 570) {
+			size = 300;
+		} else {
+			size = 360;
+		}
 		this.logo = new Engine.Shape(
-			-(180),
-			-(220),
-			360,
-			360,
+			-(size / 2),
+			-(size / 2 + 40),
+			size,
+			size,
 			Logo.points,
 			Logo.polygons
 		);

website/source/stylesheets/_jumbotron.less

@@ -132,6 +132,7 @@
           transform:translate3d(0,0,0);
 }
 
+
 .animated-logo {
   position:absolute;
   z-index:200;
@@ -415,3 +416,22 @@
 		opacity:0;
 	}
 }
+
+@media (max-width: 570px) {
+  .tag-line {
+    display:none;
+  }
+
+  #jumbotron .jumbotron-content {
+    -webkit-transform:translate3d(0, 0, 0) scale(0.8);
+       -moz-transform:translate3d(0, 0, 0) scale(0.8);
+        -ms-transform:translate3d(0, 0, 0) scale(0.8);
+         -o-transform:translate3d(0, 0, 0) scale(0.8);
+            transform:translate3d(0, 0, 0) scale(0.8);
+  }
+
+  .animated-logo {
+    margin-top:-72px;
+  }
+}
+

website/source/stylesheets/main.css

@@ -921,6 +921,21 @@ body.page-home #footer {
     opacity: 0;
   }
 }
+@media (max-width: 570px) {
+  .tag-line {
+    display: none;
+  }
+  #jumbotron .jumbotron-content {
+    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
+    -moz-transform: translate3d(0, 0, 0) scale(0.8);
+    -ms-transform: translate3d(0, 0, 0) scale(0.8);
+    -o-transform: translate3d(0, 0, 0) scale(0.8);
+    transform: translate3d(0, 0, 0) scale(0.8);
+  }
+  .animated-logo {
+    margin-top: -72px;
+  }
+}
 .outline-btn {
   background-color: transparent;
   color: #ffffff;