diff --git a/css/findyourway/style.css b/css/findyourway/style.css
index dbed4a2..593bf1d 100644
--- a/css/findyourway/style.css
+++ b/css/findyourway/style.css
@@ -1,172 +1,154 @@
 @charset "utf-8";
 
 #wrapper {
     font-weight: 300;
     text-shadow: 0 1px 0 #fff;
     color: #333;
     margin-top:0px;
     text-align: center;
     padding-top: 2em;
     padding-bottom: 1em;
     
 }   
 
 @media screen and (max-width: 360px) {
     #wrapper {
         padding-top: 1em;
     }
 }
 
 .choices li {
     display: none;
 }
 
 .question {
     display: none;
 }
 
 .question {
     text-align: center;
     padding-top: 60px;
 }
 
 
 .question {
     font-size: 20pt;
     padding: 0 10% 0 10%;
 }
 
 #responses {
     padding-top: 1em;
-    font-size: 30pt;
-    background-image: -moz-radial-gradient(center top , ellipse farthest-side, rgba(140, 140, 140, 0.5), rgba(140, 140, 140, 0) 95%), -moz-radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0)), -moz-radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.3), rgba(220, 220, 220, 0));
-    background-image: -webkit-radial-gradient(center top , ellipse farthest-side, rgba(140, 140, 140, 0.5), rgba(140, 140, 140, 0) 95%), -webkit-radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0)), -webkit-radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.3), rgba(220, 220, 220, 0));
-    background-image: -o-radial-gradient(center top , ellipse farthest-side, rgba(140, 140, 140, 0.5), rgba(140, 140, 140, 0) 95%), -o-radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0)), -o-radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.3), rgba(220, 220, 220, 0));
-    background-image: radial-gradient(center top , ellipse farthest-side, rgba(140, 140, 140, 0.5), rgba(140, 140, 140, 0) 95%), radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0)), radial-gradient(center top , ellipse farthest-side, rgba(220, 220, 220, 0.3), rgba(220, 220, 220, 0));
-    background-size: 100% 5px, 100% 100px, 100% 100%;
-    background-repeat: no-repeat;
+    font-size: 20pt;
+
 }
 
 #responses div {
     margin-bottom: 0.5em;
     /**
      * display:none needed in case if js is disabled
      */
     display:none;
 }
 
 #responses div a:hover {
     cursor: pointer;
-    box-shadow: 0 3px rgba(0, 0, 0, 0.1), 0 -4px rgba(0, 0, 0, 0.1) inset, 0px 3px 48px rgba(255,255,255,0.2) inset;
+    box-shadow: 0 3px rgba(0, 0, 0, 0), 0 200px rgba(0, 0, 0, 0.1) inset, 0px 3px 48px rgba(255,255,255,0.0) inset;
     transition: all .12s ease-in-out;
 }
 
 #responses div a:active {
     cursor: pointer;
-    box-shadow: 0 3px rgba(0, 0, 0, 0.1) inset, 0 1px rgb(255, 255, 255, 0.1), 0px 3px 48px rgba(0,0,0,0.2) inset;
+    box-shadow: 0 3px rgba(0, 0, 0, 0), 0 200px rgba(0, 0, 0, 0.1) inset, 0px 3px 48px rgba(255,255,255,0.0) inset;
     transition: all .12s ease-in-out;
 }
 
 #responses div a {
     text-decoration: none;
     color: #fff;
-    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
-    padding: 2px 10px 8px;
+    padding: 10px 40px 10px;
     border-radius: 6px;
     border: 0 none;
     transition: all .12s ease-in-out;
     display: inline-block;
     max-width: 90%;
 }
 
 #ok a {
-    background-color: #84C83C;
-    background: -moz-linear-gradient(#84C83C, #66AA1E) repeat scroll 0 0 #84C83C;
-    background: -webkit-linear-gradient(#84C83C, #66AA1E) repeat scroll 0 0 #84C83C;
-    background: -o-linear-gradient(#84C83C, #66AA1E) repeat scroll 0 0 #84C83C;
-    background: linear-gradient(#84C83C, #66AA1E) repeat scroll 0 0 #84C83C;
-    box-shadow: 0 3px rgba(0, 0, 0, 0.1), 0 -4px rgba(0, 0, 0, 0.1) inset;
+    background-color: #1d99f3;
+
 }
 
 #next a {
-    background-color: #669BE1;
-    background: -moz-linear-gradient(#669BE1, #487DC3) repeat scroll 0 0 #669BE1;
-    background: -webkit-linear-gradient(#669BE1, #487DC3) repeat scroll 0 0 #669BE1;
-    background: -o-linear-gradient(#669BE1, #487DC3) repeat scroll 0 0 #669BE1;
-    background: linear-gradient(#669BE1, #487DC3) repeat scroll 0 0 #669BE1;
-    box-shadow: 0 3px rgba(0, 0, 0, 0.1), 0 -4px rgba(0, 0, 0, 0.1) inset;
+    background-color: #fdbc4b;
+
 }
 
 #back a {
-    background-color: #F19932;
-    background: -moz-linear-gradient(#F19932, #D37B14) repeat scroll 0 0 #F19932;
-    background: -webkit-linear-gradient(#F19932, #D37B14) repeat scroll 0 0 #F19932;
-    background: -o-linear-gradient(#F19932, #D37B14) repeat scroll 0 0 #F19932;
-    background: linear-gradient(#F19932, #D37B14) repeat scroll 0 0 #F19932;
-    box-shadow: 0 3px rgba(0, 0, 0, 0.1), 0 -4px rgba(0, 0, 0, 0.1) inset;
+    background-color: #e74c3cff;
+
 }
 
 .choices li {
     font-size: 32pt;
     font-weight: 600;
 }
 
 .extra {
     color: #666;
     font-size: 20pt;
     font-weight: 600;
     padding-bottom: 1em;
 }
 
 #footer {
     margin-top: 6em;
     color: #666;
 }
 
 #footer a {
     color: #555;
 }
 
 .negative {
     display: none;
 }
 
 .visible {
     display: inline;
 }
 
 @media screen and (max-width: 499px) {
 
     #responses{
         font-size: 22pt;
     }
 
     .choices li {
         font-size: 25pt;
     }
 }
 
 /* RTL View */
 html[dir="rtl"] * {
     font-family: "Fira Sans", sans-serif;
 }
 
 html[dir="rtl"] #lang-selection {
     background: center right transparent no-repeat;
     padding-left: 0;
     padding-right: 28px;
 }
 
 html[dir="rtl"] #lang {
     text-align: left;
     margin-left: 10px;
     margin-right: unset;
 }
 
 html[dir="rtl"] header .plamo-logo {
     float: right;
 }
 
 html[dir="rtl"] #lang {
     text-align: left;
 }
diff --git a/findyourway.html b/findyourway.html
index 45b92b1..65d6ac9 100644
--- a/findyourway.html
+++ b/findyourway.html
@@ -1,30 +1,31 @@
 ---
 layout: findyourway
 title: Find your way in Plasma Mobile
 permalink: /findyourway/
 ---
 
 <div id="wrapper">
     
     <div id="responses">
+        <hr>
         <div id="ok"><a href="javascript:">Tell me more</a></div>
         <div id="next">
             <a href="javascript:">
                 <span class="negative">No, not interested</span>
                 <span class="negative">Show me something else</span>
                 <span class="negative">Any other task?</span>
                 <span class="negative">Not sure, something else please?</span>
                 <span class="negative">Not my line of expertise</span>
                 <span class="negative">Next please</span>
             </a>
         </div>
         <div id="back"><a href="javascript:">I was wrong, take me back</a></div>
         
         <noscript>
             <span>Please enable JavaScript in your browser!</span>
         </noscript>
         
     </div>
     
     <div id="footer">Based on <a href="https://github.com/jdm/asknot">asknot</a></div>
 </div>