smaller pinecones, remove stellar - I can get it to look good locally, but always wonky when I deploy it.

michaelkirk · michaelkirk · commit 9b2ad74a8d9a · 2015-01-14T07:11:16.000-08:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -19,7 +19,6 @@
     <link rel="stylesheet" href="/css/style.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script src="/bower_components/stellar/jquery.stellar.min.js"></script>
     <script src="/js/libs/modernizr-2.7.1.min.js"></script>
 </head>
 <body id="{{ page.title }}">
diff --git a/css/style.scss b/css/style.scss
@@ -286,21 +286,21 @@ section {
   #near-cone {
     position: absolute;
     z-index: -1;
-    bottom: -30px;
-    right: -123px;
-    width: 501px;
-    height: 687px;
+    bottom: 93px;
+    right: -43px;
+    width: 275px;
+    height: 400px;
     @media (max-width: $screen-sm-min) {
       display: none !important;
     }
   }
   #mid-cone {
     position: absolute;
     z-index: -2;
-    bottom: 39px;
+    bottom: 96px;
     left: -39px;
-    width: 321px;
-    height: 435px;
+    width: 193px;
+    height: 261px;
   }
   #far-cone {
     position: absolute;
@@ -317,8 +317,8 @@ section {
 
 .footer {
   text-align: center;
-  margin-top: 100px;
-  padding-bottom: 110px;
+  margin-top: 20px;
+  padding-bottom: 55px;
   width: 100%;
   @media (max-width: $screen-sm-min) {
     margin-top: 30px;
diff --git a/js/main.js b/js/main.js
@@ -8,12 +8,6 @@ function isMobile() {
 }
 
 $(function() {
-  if (!Modernizr.touch) {
-    $(window).stellar();
-    $(window).resize(function(){
-      $(window).stellar('refresh');
-    });
-  }
 
   function renderThankYouForContacting(){
     var thankYouHeading = "Thanks for contacting us.";
