fixed calculator for mobile

styles/_buttons.scss

@@ -148,3 +148,18 @@ a.button {
   color: $primary;
   border: 1px solid $primary;
 }
+.btn-black {
+  background: $black;
+  color: $white;
+  &:hover {
+    background: $black;
+  }
+}
+.btn-green-border {
+  color: $primary;
+  border: 1px solid $primary;
+}
+.btn-green-border:hover {
+  color: $primary;
+  border: 1px solid $primary;
+}

styles/_helpers.scss

@@ -142,8 +142,11 @@
 .align-items-stretch {
 	align-items: stretch;
 }
-.overflow-xs {
-	overflow: scroll;
+
+@media only screen and (max-width: 576px) {
+	.overflow-xs {
+		overflow: scroll;
+	}
 }
 
 /* COLOR ELEMENTS */

styles/_marketing.scss

@@ -283,6 +283,31 @@
 	.d-output {
 		margin: 16px;
 	}
+	#calculator-mobile-toggle.show {
+		position: fixed;
+		top: 15px;
+		right: 15px;
+		z-index: 9999999;
+	}
+	#calculator-mobile-toggle.hide {
+		display: none;
+	}
+	#calculator-inputs.sticky {
+		position: fixed;
+		top: 72px;
+		width: calc(100% - 30px);
+		left: 15px;
+		right: 15px;
+		background: #000;
+		display: none;
+	}
+	#calculator-inputs.sticky.show .calc-inputs-wrapper {
+		display: block;
+		margin-bottom: 1.5rem;
+	}
+	#calculator-inputs.sticky.show {
+		display: block;
+	}
 }
 .viz-wrapper {
 	position: relative;