diff --git a/guidelines.html b/guidelines.html
index 86df68f824..2a92ed2a0e 100644
--- a/guidelines.html
+++ b/guidelines.html
@@ -6,32 +6,32 @@
     <meta name="viewport" content="width=device-width">
 
     <title>Ripple Dev Portal: Brand Guidelines</title>
-	
-	<!-- Bootstrap -->
-	<link href="css/bootstrap.min.css" rel="stylesheet">
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  
-    <script src="js/bootstrap-modal.js"></script>
+
+  <!-- favicon -->
+  <link rel="icon" href="favicon.ico" type="image/x-icon"> 
+  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
+
+  <!-- Flatdoc -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+  <script src='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/legacy.js'></script>
+  <script src='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/flatdoc.js'></script>
+  
+   <!-- Bootstrap -->
+ 
+   <link href="css/bootstrap.min.css" rel="stylesheet">
+   <script src="js/bootstrap.min.js"></script>
+
+  <!-- Flatdoc theme -->
+  <link  href='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/theme-white/style.css' rel='stylesheet'>
+  <script src='https://dev.ripple.com/vendor/flatdoc/v/0.8.0/theme-white/script.js'></script>
+
+  <!-- Custom Stylesheet -->
+  <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
+  <link  href='https://dev.ripple.com/css/main.css' rel='stylesheet'>
+  <link  href='css/custom.css' rel='stylesheet'>
 
     <!-- Custom Js -->
-    <script src="js/main.js"></script>
-    
-    <script src='vendor/flatdoc/v/0.8.0/legacy.js'></script>
-    <script src='vendor/flatdoc/v/0.8.0/flatdoc.js'></script>
-
-    <!-- Flatdoc theme -->
-    <link  href='vendor/flatdoc/v/0.8.0/theme-white/style.css' rel='stylesheet'>
-    <script src='vendor/flatdoc/v/0.8.0/theme-white/script.js'></script>
-
-    <!-- Meta -->
-    <meta content="Ripple Web Client" property="og:title">
-    <meta content="Ripple Web Client description goes here." name="description">
-
-    <!-- Custom Stylesheet -->
-    <link href='https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
-    <link  href='css/main.css' rel='stylesheet'>
-    <link  href='css/custom.css' rel='stylesheet'>
-
-
   <!-- start Mixpanel -->
   <script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==
 typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");for(g=0;g<i.length;g++)f(c,i[g]);
@@ -384,7 +384,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
                 <input type="checkbox">  I agree to Ripple Labs’ terms and conditions.
               </label>
             </div>            
-            <a class="btn btn-disabled" id="btn-download">Download</a>
+            <a class="btn btn-disabled" id="btn-download" disabled="">Download</a>
           </div>
         </div>
       </div>
diff --git a/js/main.js b/js/main.js
index f78a6bd162..2d58ec6a69 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,5 +1,16 @@
 $(function(){
+	$('.header > .left > .header-menu-button').on("click", function(e){
 
+	    e.preventDefault();
+
+	    $('.header > .left > ul').toggleClass('active');
+	});
+
+	$(".content-root").on('click', function(){
+
+	  $('.header > .left > ul').removeClass('active');
+
+	});
 	$(".modal-checkbox input").on("change",function(){
 		$("#btn-download").toggleClass("btn-download btn-disabled");
 	});