diff --git a/css/app.css b/css/app.css
index 1db4c0e90..2bb72b993 100644
--- a/css/app.css
+++ b/css/app.css
@@ -2144,3 +2144,57 @@ a.success-action.twitter:before {
 ::-webkit-scrollbar-corner {
     background: transparent
 }
+
+/* Intro */
+
+.curtain-darkness {
+    fill-opacity: 0.7;
+    fill: #222;
+}
+
+.intro-nav-wrap {
+    position: absolute;
+    left: 30px;
+    right: 500px;
+    bottom: 30px;
+    border-radius: 4px;
+    background: rgba(255, 255, 255, 0.8);
+    z-index: 1001;
+}
+
+.intro-nav-wrap button.step {
+    width: 20%;
+    padding: 20px;
+    float: left;
+    padding-bottom: 40px;
+}
+
+.intro-nav-wrap button.step.finished {
+    background: #76FF70;
+}
+
+.intro-nav-wrap button.step.finished h3 {
+    color: #269C21;
+}
+
+.intro-nav-wrap button.step h3 {
+    font-weight: normal;
+}
+.curtain-tooltip.left .tooltip-arrow,
+.curtain-tooltip.right .tooltip-arrow {
+    top: 0;
+}
+
+.curtain-tooltip.right .tooltip-inner,
+.curtain-tooltip.left .tooltip-inner {
+    margin-top: -50%;
+}
+.curtain-tooltip .tooltip-inner {
+    font-size: 14px;
+    font-weight: normal;
+}
+.curtain-tooltip .tooltip-inner .bold {
+    font-weight: bold;
+    display: block;
+}
+
diff --git a/css/intro.css b/css/intro.css
deleted file mode 100644
index 3bfebc6c0..000000000
--- a/css/intro.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.curtain-darkness {
-    fill-opacity: 0.7;
-    fill: #222;
-}
-
-.intro-nav-wrap {
-    position: absolute;
-    left: 30px;
-    right: 500px;
-    bottom: 30px;
-    border-radius: 4px;
-    background: rgba(255, 255, 255, 0.8);
-    z-index: 1001;
-}
-
-.intro-nav-wrap button.step {
-    padding: 20px;
-    padding-bottom: 40px;
-}
-
-.intro-nav-wrap button.step.finished {
-    background: #76FF70;
-}
-
-.intro-nav-wrap button.step.finished h3 {
-    color: #269C21;
-}
-
-.intro-nav-wrap button.step h3 {
-    font-weight: normal;
-}
-
-.curtain-tooltip.left .tooltip-arrow,
-.curtain-tooltip.right .tooltip-arrow {
-    top: 0;
-}
-
-.curtain-tooltip.right .tooltip-inner,
-.curtain-tooltip.left .tooltip-inner {
-    margin-top: -50%;
-}
-.curtain-tooltip .tooltip-inner {
-    font-size: 14px;
-    font-weight: normal;
-}
-.curtain-tooltip .tooltip-inner .bold {
-    font-weight: bold;
-    display: block;
-}
-
-/*
-.curtain-tooltip .tooltip-inner {
-    border-radius: 4px;
-    font-size: 14px;
-    border: 4px solid #7092ff;
-}
-.curtain-tooltip.right .tooltip-arrow {
-    border-right-color: #7092ff;
-}
-.curtain-tooltip.bottom .tooltip-arrow {
-    border-bottom-color: #7092ff;
-}
-.curtain-tooltip.left .tooltip-arrow {
-    border-left-color: #7092ff;
-}
-*/
diff --git a/index.html b/index.html
index e437c4d14..b4c04fd2f 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,6 @@
         <link rel='stylesheet' href='css/reset.css'>
         <link rel='stylesheet' href='css/map.css'>
         <link rel='stylesheet' href='css/app.css'>
-        <link rel='stylesheet' href='css/intro.css'>
         <link rel='stylesheet' href='css/feature-icons.css'>
 
         <!-- mobile devices -->