diff --git a/_includes/global-header.html b/_includes/global-header.html
index c448f67075..567b03a61c 100644
--- a/_includes/global-header.html
+++ b/_includes/global-header.html
@@ -65,26 +65,3 @@
             </div>
         </div>
     </div>
-    <!-- nav-secondary -->
-    <nav class="nav-secondary-tabs" data-spy="affix" data-offset-top="410">
-        <div class="container-fluid">
-          <div class="search-form">
-              <form class="navbar-form navbar-left">
-                  <!-- <input type="text" class="form-control" id ="search" placeholder="Search Documentation"> -->
-                  <form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">
-                    <input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
-                    <div id="autocompleteContainer">
-                      <div id="autocompleteResults"></div>
-                    </div>
-                    <!-- <button type="submit" class="search-submit btn btn-default">Search</button> -->
-                  </form>
-          </div>
-            <div id="tabs">
-                <ul class="tabs nav navbar-nav">
-                  {% include treebuilder.html %}
-                </ul>
-            </div>
-
-        </div>
-    </nav>
-</header>
diff --git a/_includes/header.html b/_includes/header.html
index ae84a832df..96c182e035 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -28,7 +28,7 @@
                   </ul>
               </div>
               <div class="ctrl-right">
-                  <a href="#menu-toggle" id="menu-toggle"><i class="fa fa-outdent" aria-hidden="true"></i></a>
+                  <a href="javascript:void(0)" id="menu-toggle"><i class="fa fa-outdent" aria-hidden="true"></i></a>
                   <!-- varsion -->
                   <div class="btn-group">
                       <button type="button" class="btn btn-default dropdown-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
diff --git a/_includes/noindex.html b/_includes/noindex.html
deleted file mode 100644
index f5105bd8c7..0000000000
--- a/_includes/noindex.html
+++ /dev/null
@@ -1 +0,0 @@
-<meta name="robots" content="noindex" />
diff --git a/_includes/side-menu-alt.html b/_includes/side-menu-alt.html
deleted file mode 100644
index 554c75d9e9..0000000000
--- a/_includes/side-menu-alt.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!-- {% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}<li data-toggle="collapse" data-parent="#stacked-menu" class="leaf {% if treeString contains pageURLString %}{% assign foundBranch="true"%}active{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a><ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}<li><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %} -->
-
-
-    <div class="toggle-mode">
-        <div class="icon">
-            <i class="fa fa-sun-o" aria-hidden="true"></i>
-        </div>
-        <div class="toggle-switch">
-            <label class="switch">
-              <input type="checkbox" id="switch-style">
-              <div class="slider round"></div>
-            </label>
-        </div>
-        <div class="icon">
-            <i class="fa fa-moon-o" aria-hidden="true"></i>
-        </div>
-    </div>
-    <div class="nav-sidebar navbar-collapse collapse">
-        <!-- condense these classnames-->
-        <ul class="nav navbar-collapse" id="stacked-menu">
-          {% if page.tree == false %}
-        		 <li><a href="/">Back to the index</a></li>
-        	{% else %}
-        	{{ leftnav }}
-        	{% endif %}
-            <li>
-                <a data-target="#item2" data-toggle="collapse" data-parent="#stacked-menu">Get Started<span class="caret arrow"></span></a>
-                <ul class="nav collapse" id="item2">
-                    {% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}<li class="leaf {% if treeString contains pageURLString %}{% assign foundBranch="true"%}menu-open{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a><ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}<li><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %}
-                    <li><a href="#">Learn Docker</a></li>
-                    <li><a href="#">Docker Basics</a></li>
-                    <li><a href="#">Define and deploy your app</a></li>
-                </ul>
-            </li>
-            <li><a href="#">Docker ID</a></li>
-        </ul>
-        <!-- end sidebar nav -->
-    </div>
diff --git a/_includes/side-menu.html b/_includes/side-menu.html
index cadf69eb3a..ec99dedf16 100644
--- a/_includes/side-menu.html
+++ b/_includes/side-menu.html
@@ -1,132 +1,6 @@
-<!-- <div class="toggle-mode">
-    <div class="icon">
-        <i class="fa fa-sun-o" aria-hidden="true"></i>
-    </div>
-    <div class="toggle-switch">
-        <label class="switch">
-              <input type="checkbox" id="switch-style">
-              <div class="slider round"></div>
-            </label>
-    </div>
-    <div class="icon">
-        <i class="fa fa-moon-o" aria-hidden="true"></i>
-    </div>
-</div>
 <div class="nav-sidebar navbar-collapse collapse">
     <ul class="nav navbar-collapse" id="stacked-menu">
-        {% if page.tree == false %}
-        <li><a href="/">Back to the index</a></li>
-        {% else %} {{ leftnav }} {% endif %}
-        <li>
-            <a data-target="#item2" data-toggle="collapse" data-parent="#stacked-menu">Get Started<span class="caret arrow"></span></a>
-            <ul class="nav collapse" id="item2">
-                {% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign
-                treeString="" %}{% endif %}
-                <li class="leaf {% if treeString contains pageURLString %}{% assign foundBranch=" true "%}menu-open{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a>
-                    <ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}
-                    <li><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %}
-                    <li><a href="#">Learn Docker</a></li>
-                    <li><a href="#">Docker Basics</a></li>
-                    <li><a href="#">Define and deploy your app</a></li>
-            </ul>
-            </li>
-            <li><a href="#">Docker ID</a></li>
-    </ul>
-</div> -->
-
-<div class="toggle-mode">
-    <div class="icon">
-        <i class="fa fa-sun-o" aria-hidden="true"></i>
-    </div>
-    <div class="toggle-switch">
-        <label class="switch">
-    <input type="checkbox" id="switch-style">
-    <div class="slider round"></div>
-</label>
-    </div>
-    <div class="icon">
-        <i class="fa fa-moon-o" aria-hidden="true"></i>
-    </div>
-</div>
-<div class="nav-sidebar navbar-collapse collapse">
-    <ul class="nav navbar-collapse" id="stacked-menu">
-        <li><a href="default">Welcome to the Docs</a></li>
-        <li>
-            <a data-target="#item1" data-toggle="collapse" data-parent="#stacked-menu" class="active">Get Docker<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item1">
-                <li><a href="#">Install Docker Engine</a></li>
-                <li><a href="#" class="active">Docker for Mac</a></li>
-            </ul>
-        </li>
-        <li>
-            <a data-target="#item2" data-toggle="collapse" data-parent="#stacked-menu">Get Started<span class="caret arrow"></span></a>
-            <ul class="nav collapse" id="item2">
-                <li><a href="#">Learn Docker</a></li>
-                <li><a href="#">Docker Basics</a></li>
-                <li><a href="#">Define and deploy your app</a></li>
-            </ul>
-        </li>
-        <li><a href="#">Docker ID</a></li>
-        <li><a href="#">Docker Engine</a></li>
-        <li><a data-target="#item3" data-toggle="collapse" data-parent="#stacked-menu">Docker for Windows<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item3">
-                <li><a href="docker-for-windows/">Getting Started</a></li>
-                <li><a href="docker-for-windows/troubleshoot/" class="">Logs and Troubleshooting</a></li>
-                <li><a href="docker-for-windows/faqs/">FAQs</a></li>
-                <li><a href="docker-for-windows/examples/">Example Applications</a></li>
-                <li><a href="docker-for-windows/opensource/">Open Source Licensing</a></li>
-                <li><a href="docker-for-windows/release-notes/">Release Notes</a></li>
-            </ul>
-        </li>
-        <li><a data-target="#item4" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item4">
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-            </ul>
-        </li>
-        <li><a data-target="#item5" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item5">
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-            </ul>
-        </li>
-        <li><a data-target="#item6" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item6">
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-            </ul>
-        </li>
-        <li><a data-target="#item7" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item7">
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-            </ul>
-        </li>
-        <li><a data-target="#item8" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item8">
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-            </ul>
-        </li>
-        <li><a data-target="#item9" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item9">
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-            </ul>
-        </li>
-        <li><a data-target="#item10" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
-            <ul class="nav collapse left-submenu" id="item10">
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-                <li><a href="#">Link</a></li>
-            </ul>
-        </li>
+      {{ leftnav }}
     </ul>
     <!-- end sidebar nav -->
 </div>
diff --git a/_includes/tree.html b/_includes/tree.html
index 5470b2d51f..31c3bf9096 100644
--- a/_includes/tree.html
+++ b/_includes/tree.html
@@ -1 +1,9 @@
-{% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}<li data-toggle="collapse" data-parent="#stacked-menu" {% if treeString contains pageURLString %}{% assign foundBranch="true"%}menu-open{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a><ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}<li class="leaf"><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %}
+{% assign foundBranch="false" %}
+{% for item in tree %}
+{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}
+<li><a data-target="#item{{ forloop.index }}" data-toggle="collapse" data-parent="#stacked-menu"{% if treeString contains pageURLString %}{% assign foundBranch="true"%} class="active" aria-expanded="true"{% else %} class="collapsed" aria-expanded="false"{% endif %}>{{ item.sectiontitle }}<span class="caret arrow"></span></a>
+<ul class="nav collapse{% if foundBranch == "true" %} in{% endif %}" id="#item{{ forloop.index }}" aria-expanded="{% if foundBranch == "true" %}true{% else %}false{% endif %}">{% assign tree = item.section %}{% include tree.html %}</ul>
+</li>
+{% else %}
+<li><a href="{{ item.path }}"{% if item.path == page.url and item.nosync != true %} class="active currentPage"{% endif %}>{{ item.title }}</a></li>
+{% endif %}{% endfor %}
diff --git a/_layouts/docs.html b/_layouts/docs.html
index ec6f0c7db0..a4d9c0d9bd 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -59,6 +59,12 @@ div#autocompleteContainer {
 {% if site.GH_ENV == "gh_pages" %}<meta name="robots" content="noindex">{% endif %}
 <meta property="og:type" content="website">
 <meta property="og:updated_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
+<meta property="og:image" content="https://www.docker.com/sites/default/files/social/docker-facebook-share.png">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@docker_docs">
+<meta name="twitter:url" content="https://twitter.com/docker_docs">
+<meta name="twitter:title" content="{{ page.title }}">
+<meta name="twitter:image:src" content="https://www.docker.com/sites/default/files/social/docker-twitter-share.png">
 <meta property="article:published_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="keywords" content="{% if page.keywords %}{{ page.keywords }}{% else %}docker, docker open source, docker platform, distributed applications, microservices, containers, docker containers, docker software, docker virtualization{% endif %}">
@@ -72,10 +78,11 @@ div#autocompleteContainer {
 {% seo %}
 {% if page.hide_from_sitemap %}<meta name="robots" content="noindex" />{% endif %}
 </head>
-<body>
-	<header>
-		{% include header.html %}
-	</header>
+<body class="html front not-logged-in no-sidebars page-node page-node- page-node-1 node-type-front-page path-docker ng-scope short retina-display all_loaded" ng-app="Docker" ng-controller="DockerController" style="">
+		<header>
+			{% if page.landing == true %}{% include global-header.html %}{% endif %}
+			{% include header.html %}
+		</header>
 
 	<div id="wrapper">
 		<main class="main" id="page-content-wrapper">
@@ -117,6 +124,7 @@ div#autocompleteContainer {
 							</div>
 							{% endif %}
 						</section>
+
 						<script language="javascript">
 							var x = document.links.length;
 							var baseHref = document.getElementsByTagName('base')[0].href
@@ -142,17 +150,6 @@ div#autocompleteContainer {
 					<div id="sidebar-wrapper">
 						 <div class="toc-nav">
 						<section class="section" id="RightColumnSection">
-							<span class="title_section">
-										<div id="search-div">
-											<form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">
-												<input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
-												<div id="autocompleteContainer">
-													<div id="autocompleteResults"></div>
-												</div>
-												<button type="submit" class="search-submit btn btn-default">Search</button>
-											</form>
-										</div>
-									</span>
 							<div id="feedback-links">
 								<ul>
 									{% if edit_url != "" %}
@@ -162,6 +159,20 @@ div#autocompleteContainer {
 									<li><a href="https://www.docker.com/docker-support-services">&#x0003F;&nbsp;Get support</a></li>
 								</ul>
 							</div>
+							<div class="toggle-mode">
+							    <div class="icon">
+							        <i class="fa fa-sun-o" aria-hidden="true"></i>
+							    </div>
+							    <div class="toggle-switch">
+							      <label class="switch">
+										    <input type="checkbox" id="switch-style">
+										    <div class="slider round"></div>
+										</label>
+							    </div>
+							    <div class="icon">
+							        <i class="fa fa-moon-o" aria-hidden="true"></i>
+							    </div>
+							</div>
 							{% unless page.notoc %} {% assign my_min = page.toc_min | default: site.toc_min | default: 2 %} {% assign my_max = page.toc_max | default: site.toc_max | default: 3 %} {% assign my_name = page.url | default: "unnamed" %}
 							<div id="side-toc">
 								<div id="side-toc-title">On this page:</div>
@@ -186,12 +197,10 @@ div#autocompleteContainer {
 <script>
 	hljs.initHighlightingOnLoad();
 </script>
-<!-- <script src="/js/alljs.js"></script> -->
-<!-- <script async="" src="/js/app.js"></script> -->
 <script async="" src="/js/anchorlinks.js"></script>
-<script async="" src="/js/jquery.js"></script>
-<script async="" src="/js/menu.js"></script>
+<script src="/js/jquery.js"></script>
+<script async="" defer src="/js/menu.js"></script>
 <script async="" src="/js/bootstrap.min.js"></script>
-<script async="" src="/js/docs.js"></script>
+<script async="" defer src="/js/docs.js"></script>
 </body>
 </html>
diff --git a/_layouts/landing.html b/_layouts/landing.html
deleted file mode 100644
index 7574ff6a3d..0000000000
--- a/_layouts/landing.html
+++ /dev/null
@@ -1,200 +0,0 @@
-<!-- relative link basehrefs -->
-{% if page.path contains "index.md" %}
-{% capture basehref %}{{ page.url }}{% endcapture %}
-{% else %}
-{% assign crumbs = page.url | split: '/' %}
-{% assign stoppingpoint = crumbs | size | minus: 1 %}
-{% for crumb in crumbs %}
-{% if forloop.index == stoppingpoint %}
-{% capture basehref %}{{basehref}}{{ crumb }}/{% endcapture %}
-{% break %}
-{% else %}
-{% capture basehref %}{{basehref}}{{ crumb }}/{% endcapture %}
-{% endif %}
-{% endfor %}
-{% endif %}
-<!-- Logic for 'edit this button' -->
-{% assign edit_url = "https://github.com/docker/docker.github.io/edit/master/" | append: page.path %}
-{% for entry in site.data.not_edited_here.overrides %}
-	{% if page.url contains entry.path %}
-    {% if entry.source %}{% assign edit_url = entry.source %}{% else %}{% assign edit_url = "" %}{% endif %}
-		{% break %}
-	{% endif %}
-{% endfor %}
-
-<!-- End of logic for 'edit this button' -->
-<!DOCTYPE html>
-<html class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms no-csstransforms3d csstransitions fontface no-generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths retina-display is_not_retina chrome version webkit" lang="en">
-<head>
-<base href="{{ basehref }}"/>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-<style type="text/css">
-@charset "UTF-8";
-[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
-	display: none !important;
-}
-ng\:form {
-	display: block;
-}
-</style>
-<script type="text/javascript">
-  !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
-  analytics.load("IWj9D0UpZHZdZUZX9jl98PcpBFWBnBMy");
-  analytics.page();
-  }}();
-</script>
-<script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,t,n){function r(n){if(!t[n]){var o=t[n]={exports:{}};e[n][0].call(o.exports,function(t){var o=e[n][1][t];return r(o||t)},o,o.exports)}return t[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(e,t,n){function r(e,t){return function(){o(e,[(new Date).getTime()].concat(a(arguments)),null,t)}}var o=e("handle"),i=e(2),a=e(3);"undefined"==typeof window.newrelic&&(newrelic=NREUM);var u=["setPageViewName","setCustomAttribute","finished","addToTrace","inlineHit"],c=["addPageAction"],f="api-";i(u,function(e,t){newrelic[t]=r(f+t,"api")}),i(c,function(e,t){newrelic[t]=r(f+t)}),t.exports=newrelic,newrelic.noticeError=function(e){"string"==typeof e&&(e=new Error(e)),o("err",[e,(new Date).getTime()])}},{}],2:[function(e,t,n){function r(e,t){var n=[],r="",i=0;for(r in e)o.call(e,r)&&(n[i]=t(r,e[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],3:[function(e,t,n){function r(e,t,n){t||(t=0),"undefined"==typeof n&&(n=e?e.length:0);for(var r=-1,o=n-t||0,i=Array(0>o?0:o);++r<o;)i[r]=e[t+r];return i}t.exports=r},{}],ee:[function(e,t,n){function r(){}function o(e){function t(e){return e&&e instanceof r?e:e?u(e,a,i):i()}function n(n,r,o){e&&e(n,r,o);for(var i=t(o),a=l(n),u=a.length,c=0;u>c;c++)a[c].apply(i,r);var s=f[g[n]];return s&&s.push([m,n,r,i]),i}function p(e,t){w[e]=l(e).concat(t)}function l(e){return w[e]||[]}function d(e){return s[e]=s[e]||o(n)}function v(e,t){c(e,function(e,n){t=t||"feature",g[n]=t,t in f||(f[t]=[])})}var w={},g={},m={on:p,emit:n,get:d,listeners:l,context:t,buffer:v};return m}function i(){return new r}var a="nr@context",u=e("gos"),c=e(2),f={},s={},p=t.exports=o();p.backlog=f},{}],gos:[function(e,t,n){function r(e,t,n){if(o.call(e,t))return e[t];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return e[t]=r,r}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],handle:[function(e,t,n){function r(e,t,n,r){o.buffer([e],r),o.emit(e,t,n)}var o=e("ee").get("handle");t.exports=r,r.ee=o},{}],id:[function(e,t,n){function r(e){var t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===window?0:a(e,i,function(){return o++})}var o=1,i="nr@id",a=e("gos");t.exports=r},{}],loader:[function(e,t,n){function r(){if(!w++){var e=v.info=NREUM.info,t=s.getElementsByTagName("script")[0];if(e&&e.licenseKey&&e.applicationID&&t){c(l,function(t,n){e[t]||(e[t]=n)});var n="https"===p.split(":")[0]||e.sslForHttp;v.proto=n?"https://":"http://",u("mark",["onload",a()],null,"api");var r=s.createElement("script");r.src=v.proto+e.agent,t.parentNode.insertBefore(r,t)}}}function o(){"complete"===s.readyState&&i()}function i(){u("mark",["domContent",a()],null,"api")}function a(){return(new Date).getTime()}var u=e("handle"),c=e(2),f=window,s=f.document;NREUM.o={ST:setTimeout,CT:clearTimeout,XHR:f.XMLHttpRequest,REQ:f.Request,EV:f.Event,PR:f.Promise,MO:f.MutationObserver},e(1);var p=""+location,l={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-943.min.js"},d=window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent),v=t.exports={offset:a(),origin:p,features:{},xhrWrappable:d};s.addEventListener?(s.addEventListener("DOMContentLoaded",i,!1),f.addEventListener("load",r,!1)):(s.attachEvent("onreadystatechange",o),f.attachEvent("onload",r)),u("mark",["firstbyte",a()],null,"api");var w=0},{}]},{},["loader"]);</script>
-{% if site.GH_ENV == "gh_pages" %}<meta name="robots" content="noindex">{% endif %}
-<meta property="og:type" content="website">
-<meta property="og:updated_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
-<meta property="og:image" content="https://www.docker.com/sites/default/files/social/docker-facebook-share.png">
-<meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:site" content="@docker_docs">
-<meta name="twitter:url" content="https://twitter.com/docker_docs">
-<meta name="twitter:title" content="{{ page.title }}">
-<meta name="twitter:image:src" content="https://www.docker.com/sites/default/files/social/docker-twitter-share.png">
-<meta property="article:published_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="keywords" content="{% if page.keywords %}{{ page.keywords }}{% else %}docker, docker open source, docker platform, distributed applications, microservices, containers, docker containers, docker software, docker virtualization{% endif %}">
-<link rel="manifest" href="/favicons/manifest.json">
-<script async="" src="/js/modernizr.min.js"></script>
-<!--<link id="mktoForms2BaseStyle" rel="stylesheet" type="text/css" href="/css/forms2.css">
-<link id="mktoForms2ThemeStyle" rel="stylesheet" type="text/css" href="/css/forms2-theme-simple.css"> -->
-<link rel="stylesheet" href="/css/font-awesome.min.css">
-<link rel="stylesheet" href="/css/bootstrap.min.css">
-<link rel="stylesheet" href="/css/main.css">
-<!-- temp css will be removed -->
-<link rel="stylesheet" href="/css/temp.css">
-{% seo %}
-{% if page.hide_from_sitemap %}<meta name="robots" content="noindex" />{% endif %}
-</head>
-<body class="html front not-logged-in no-sidebars page-node page-node- page-node-1 node-type-front-page path-docker ng-scope short retina-display all_loaded" ng-app="Docker" ng-controller="DockerController" style="">
-		<header>
-			{% include global-header.html %}
-		</header>
-
-		<div id="wrapper">
-	<main class="main" id="page-content-wrapper">
-		<div class="container-fluid">
-			<div class="row">
-				<div class="col-sm-3 col-md-2 sidebar-home">
-						{% include side-menu-alt.html %}
-					<!-- <ul class="nav navbar-collapse" id="stacked-menu">
-						{% if page.tree == false %}
-						<li><a href="/">Back to the index</a></li>
-						{% else %} {{ leftnav }} {% endif %}
-					</ul> -->
-				</div>
-				<div class="col-sm-9 col-md-10">
-					<div class="main-content">
-						<section class="section" id="DocumentationText">
-							{% if page.title %}
-							<h1>{{ page.title }}</h1>{% endif %} {% if page.advisory %}
-							<blockquote style="border-left: 6px solid #FFD601; background: -webkit-gradient(linear, left top, left bottom, from(#FBFCFC), to(#EBEDEF));">{{ site.data.advisories.texts[page.advisory] | markdownify }}</blockquote>{% endif %} {% unless page.tree == false %}{% include read_time.html %}{% endunless %} {{ content }} {% if page.noratings != true %}
-							<div class="feedback">
-								<img src="/images/chat.png" alt="chat icon" style="margin-right: 10px">
-								<b>Feedback?</b> Suggestions? Can't find something in the docs?<br/> {% if edit_url != "" %}
-								<a href="https://github.com/docker/docker.github.io/edit/master/{{ page.path }}" class="nomunge">Edit this page</a> <span style="color:#D8E0E0">&#9679;</span> {% endif %}
-								<a href="https://github.com/docker/docker.github.io/issues/new?title=Feedback for: {{ page.path }}&assignee={% if page.assignee %}{{ page.assignee }}{% else %}{{ page.defaultassignee }}{% endif %}&body=File: [{{ page.path }}](https://docs.docker.com{{ page.url }})"
-												class="nomunge">Request docs changes</a> <span style="color:#D8E0E0">&#9679;</span> <a href="https://www.docker.com/docker-support-services">Get support</a> <br />Rate this page:
-								<div id="pd_rating_holder_8453675"></div>
-								<script type="text/javascript">
-									PDRTJS_settings_8453675 = {
-										"id": "8453675",
-										"unique_id": "{{ page.path }}",
-										"title": "{{ page.title }}",
-										"permalink": "https://github.com/docker/docker.github.io/blob/master/{{ page.path }}"
-									};
-									(function(d, c, j) {
-										if (!document.getElementById(j)) {
-											var pd = d.createElement(c),
-												s;
-											pd.id = j;
-											pd.src = ('https:' == document.location.protocol) ? 'https://polldaddy.com/js/rating/rating.js' : 'http://i0.poll.fm/js/rating/rating.js';
-											s = document.getElementsByTagName(c)[0];
-											s.parentNode.insertBefore(pd, s);
-										}
-									}(document, 'script', 'pd-rating-js'));
-								</script>
-							</div>
-							{% endif %}
-						</section>
-
-						<script language="javascript">
-							var x = document.links.length;
-							var baseHref = document.getElementsByTagName('base')[0].href
-							for (i = 0; i < x; i++) {
-								var munged = false;
-								var thisHREF = document.links[i].href;
-								var originalURL = "{{ page.url }}";
-								if (thisHREF.indexOf(baseHref + "#") > -1) {
-									// hash fix
-									//console.log('BEFORE: base:',baseHref,'thisHREF:',thisHREF,'originalURL:',originalURL);
-									thisHREF = originalURL + thisHREF.replace(baseHref, "");
-									//console.log('AFTER: base:',baseHref,'thisHREF:',thisHREF,'originalURL:',originalURL);
-								}
-								if ((thisHREF.indexOf(window.location.hostname) > -1 || thisHREF.indexOf('http') == -1) && document.links[i].className.indexOf("nomunge") < 0) {
-									munged = true;
-									thisHREF = thisHREF.replace(".md", "/").replace("/index/", "/");
-									document.links[i].setAttribute('href', thisHREF);
-								}
-							}
-						</script>
-					</div>
-				</div>
-				<div class="hidden-xs hidden-sm col-md-2 col-xl-1 right_column_section">
-					<section class="section" id="RightColumnSection">
-						<span class="title_section">
-													<div id="search-div">
-												  	<form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">
-															<input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
-															<div id="autocompleteContainer">
-							                	<div id="autocompleteResults"></div>
-							                </div>
-												      <button type="submit" class="search-submit btn btn-default">Search</button>
-												    </form>
-												  </div>
-										    </span>
-						<div id="feedback-links">
-							<ul>
-								{% if edit_url != "" %}
-								<li><a href="{{ edit_url }}">&#9998;&nbsp;Edit this page</a></li>{% endif %}
-								<li><a href="https://github.com/docker/docker.github.io/issues/new?title=Feedback for: {{ page.path }}&assignee={% if page.assignee %}{{ page.assignee }}{% else %}{{ page.defaultassignee }}{% endif %}&body=File: [{{ page.path }}](https://docs.docker.com{{ page.url }})"
-													class="nomunge">&#10003;&nbsp;Request docs changes</a></li>
-								<li><a href="https://www.docker.com/docker-support-services">&#x0003F;&nbsp;Get support</a></li>
-							</ul>
-						</div>
-						{% unless page.notoc %} {% assign my_min = page.toc_min | default: site.toc_min | default: 2 %} {% assign my_max = page.toc_max | default: site.toc_max | default: 3 %} {% assign my_name = page.url | default: "unnamed" %}
-						<div id="side-toc">
-							<div id="side-toc-title">On this page:</div>
-							<div id="side-toc-contents">{% include toc_pure_liquid.html html=content sanitize=true class="inline_toc" id="my_toc" toc_min=my_min toc_max=my_max page_name=my_name %}</div>
-						</div>
-						{% endunless %}
-					</section>
-				</div>
-			</div>
-		</div>
-</div>
-
-</div>
-</div>
-
-
-
-
-  <link rel="stylesheet" href="/css/github.css">
-  <script src="/js/highlight.pack.js"></script>
-  <script>hljs.initHighlightingOnLoad();</script>
-	<script async="" src="/js/anchorlinks.js"></script>
-	<script async="" src="/js/jquery.js"></script>
-	<script async="" src="/js/menu.js"></script>
-	<script async="" src="/js/bootstrap.min.js"></script>
-	<script async="" src="/js/docs.js"></script>
-</div>
-<div id="mktoStyleLoaded" style="display: none; border-top-color: rgb(18, 52, 86);"></div>
-<form class="ng-pristine ng-valid mktoForm mktoHasWidth mktoLayoutLeft" novalidate style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; top: -500px; left: -1000px; width: 1602px;">
-</form>
-<iframe name="mktoFormsXDIframe0.4071891359139037" id="MktoForms2XDIframe" src="/js/XDFrame.html" style="display: none;"></iframe>
-<script aria-hidden="true" type="application/x-lastpass" id="hiddenlpsubmitdiv" style="display: none;"></script><script>try{(function() { for(var lastpass_iter=0; lastpass_iter < document.forms.length; lastpass_iter++){ var lastpass_f = document.forms[lastpass_iter]; if(typeof(lastpass_f.lpsubmitorig2)=="undefined"){ lastpass_f.lpsubmitorig2 = lastpass_f.submit; if (typeof(lastpass_f.lpsubmitorig2)=='object'){ continue;}lastpass_f.submit = function(){ var form=this; var customEvent = document.createEvent("Event"); customEvent.initEvent("lpCustomEvent", true, true); var d = document.getElementById("hiddenlpsubmitdiv"); if (d) {for(var i = 0; i < document.forms.length; i++){ if(document.forms[i]==form){ if (typeof(d.innerText) != 'undefined') { d.innerText=i.toString(); } else { d.textContent=i.toString(); } } } d.dispatchEvent(customEvent); }form.lpsubmitorig2(); } } }})()}catch(e){}</script>
-</body>
-</html>
diff --git a/allpagelinks.md b/allpagelinks.md
index 521b58aed6..b04bf1c218 100644
--- a/allpagelinks.md
+++ b/allpagelinks.md
@@ -1,11 +1,9 @@
 ---
-layout: null
 hide_from_sitemap: true
 layout: null
+title: All site links for docs.docker.com
 ---
 
-# All site links for `docs.docker.com`
-
 {% assign pages = site.pages | sort:"path" %}
 {% for page in pages %}
   {% unless page.layout == null %}
diff --git a/css/documentation.css b/css/documentation.css
index 2cf580c613..adcaa8ab94 100644
--- a/css/documentation.css
+++ b/css/documentation.css
@@ -482,8 +482,6 @@ img.with-border {
 }
 
 #feedback-links {
-  border: 1px solid #2294ca;
-  padding: 10px;
   margin-top: 20px;
   width: 100%;
 }
diff --git a/css/main-alt.css b/css/main-alt.css
deleted file mode 100644
index 9732295834..0000000000
--- a/css/main-alt.css
+++ /dev/null
@@ -1,1323 +0,0 @@
-/*
-*
-* docker
-* base theme
-*
-*/
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale; }
-
-body {
-  background-color: #192837;
-  font-family: 'Open Sans', sans-serif;
-  font-size: 14px;
-  line-height: 24px;
-  color: #637986; }
-
-/*
-*
-* links
-*
-*/
-a {
-  color: #F7F8F9;
-  cursor: pointer; }
-
-a:hover, a:active {
-  color: #fff;
-  text-decoration: none; }
-
-/*
-*
-* lists
-*
-*/
-ul, ol {
-  list-style-type: none; }
-
-/*
-*
-* tables
-*
-*/
-.table {
-  background: red; }
-
-td, th {
-  padding: 10px 30px 5px 0px; }
-
-/*
-*
-* branding *********************************************************************
-*
-*/
-.affix-top .affix-logo {
-  width: 160px;
-  opacity: 0; }
-
-.logo, .affix-logo {
-  /*height: 28px;*/
-  margin: 12px 0 0 10px; }
-
-/*
-*
-* Primary navigation - top header **********************************************************
-*
-*/
-.nav-primary {
-  background: transparent;
-  padding: 5px 12px; }
-
-.primary {
-  padding: 5px 0 0 90px; }
-
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-  .nav-primary {
-    background: #0087c9;
-    padding: 5px 12px;
-    position: absolute;
-    /*height: 100%;*/
-    width: 100%;
-    z-index: 9999; }
-  .primary {
-    padding: 20px 0 0 0;
-    text-align: center; }
-  .user-nav {
-    padding: 5px 0 0 0;
-    text-align: center; }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    /** todo remove this **/
-    color: #fff;
-    text-align: center; }
-  .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
-    background: transparent;
-    border: 0; } }
-
-/*
-*
-* Secondary Navigation  **********************************************************
-*
-*/
-.nav-secondary {
-  background: #0C5176;
-  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.24);
-  height: 55px; }
-
-/*
-*
-* Tabs ***********************************************************************
-*
-*/
-.tabs {
-  padding: 0;
-  float: left;
-  margin: 0; }
-
-.tabs li {
-  float: left;
-  list-style: none; }
-
-.tabs li a {
-  color: #fff;
-  padding: 16px 20px 15px 20px;
-  float: left;
-  opacity: .7; }
-
-.tabs li a:hover {
-  background: #0d6996 !important;
-  border-bottom: 4px solid #fff; }
-
-.tabs li.active a {
-  background: transparent !important;
-  color: #F7F8F9;
-  cursor: default;
-  border-bottom: 4px solid #fff;
-  opacity: 1; }
-
-/*
-*
-* nav-secondary-tabs  ***********************************************************************
-*
-*/
-.nav-secondary-tabs {
-  background-color: rgba(0, 0, 0, 0.05);
-  bottom: 0;
-  height: 55px;
-  position: absolute;
-  width: 100%;
-  z-index: 10; }
-
-.nav-secondary-tabs.affix {
-  background: #0C5176;
-  height: 55px;
-  top: 0px;
-  position: fixed;
-  z-index: 100; }
-
-/*
-*
-* user-nav ***********************************************************************
-*
-*/
-.user-nav {
-  padding: 7px 0 0 0; }
-
-/*
-*
-* layout ***********************************************************************
-*
-*/
-.main {
-  padding: 40px 0 30px 0;
-  min-height: 500px; }
-
-.main-content {
-  padding: 20px;
-  max-width: 1100px; }
-
-@media (min-width: 768px) {
-  .main {
-    padding-right: 40px;
-    padding-left: 40px; } }
-
-.content {
-  padding: 70px 60px 20px 60px;
-  max-width: 1100px;
-  min-height: 500px; }
-
-#wrapper {
-  padding-left: 0;
-  transition: all 0.5s ease; }
-
-#wrapper.toggled {
-  padding-left: 36px; }
-
-#sidebar-wrapper {
-  height: 100%;
-  position: fixed;
-  right: 250px;
-  overflow-y: auto;
-  margin-right: -250px;
-  transition: all 0.5s ease;
-  width: 0;
-  z-index: 1000; }
-
-#wrapper.toggled #sidebar-wrapper {
-  width: 250px; }
-
-#page-content-wrapper {
-  padding: 0;
-  width: 100%;
-  transition: all 0.5s ease; }
-
-#wrapper.toggled #page-content-wrapper {
-  position: absolute;
-  margin-left: -240px;
-  padding-right: 240px; }
-
-@media (min-width: 768px) {
-  #wrapper.toggled {
-    padding-left: 0; }
-  #sidebar-wrapper {
-    width: 0px; }
-  #wrapper.toggled #sidebar-wrapper {
-    width: 250px; }
-  #page-content-wrapper {
-    padding: 0; }
-  #wrapper.toggled #page-content-wrapper {
-    position: relative;
-    margin-left: 0; } }
-
-/*
-*
-* 2 column left sidebar layout ***********************************************************************
-*
-*/
-/* column container */
-.colmask {
-  position: relative;
-  /* This fixes the IE7 overflow hidden bug */
-  clear: both;
-  float: left;
-  width: 100%;
-  overflow: hidden; }
-
-.colright, .colmid, .colleft {
-  float: left;
-  width: 100%;
-  position: relative; }
-
-.col1, .col2, .col3 {
-  float: left;
-  position: relative;
-  padding: 0 0 1em 0;
-  overflow: hidden; }
-
-/*.leftmenu {}*/
-.leftmenu .colleft {
-  right: 75%;
-  background: #FBFBFC; }
-
-.leftmenu .col1 {
-  width: 71%;
-  /* right column content width */
-  left: 102%;
-  /* 100% plus left column left padding */ }
-
-.leftmenu .col2 {
-  width: 21%;
-  /* left column content width (column width minus left and right padding) */
-  left: 6%;
-  /* (right column left and right padding) plus (left column left padding) */ }
-
-/*
-* Top navigation
-* Hide default border to remove 1px line.
-*/
-.navbar-fixed-top {
-  border: 0; }
-
-/*
-* Sidebar
-*/
-/* Hide for mobile, show later */
-.sidebar {
-  display: none; }
-
-@media (min-width: 768px) {
-  .sidebar-home {
-    background-color: #1f3341;
-    display: block;
-    /*padding: 20px;*/
-    min-height: 1800px;
-    overflow-x: hidden;
-    overflow-y: auto; } }
-
-@media (min-width: 768px) {
-  .sidebar {
-    background-color: #1f3341;
-    position: fixed;
-    top: 51px;
-    bottom: 0;
-    left: 0;
-    z-index: 1000;
-    display: block;
-    /*padding: 20px;*/
-    overflow-x: hidden;
-    overflow-y: auto; } }
-
-/*
-*
-* NAV SIDEBAR ***********************************************************************
-*
-*/
-.nav-sidebar {
-  padding: 15px 0 0px 0;
-  margin-right: -21px;
-  margin-bottom: 20px;
-  margin-left: -20px;
-  max-width: 350px; }
-
-.nav-sidebar > li > a {
-  padding-right: 20px;
-  padding-left: 20px; }
-
-.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
-  color: #F7F8F9;
-  background-color: #428bca; }
-
-.nav-sidebar.affix {
-  top: 70px;
-  z-index: 100; }
-
-.nav-sidebar ul {
-  list-style: none;
-  margin: -25px 0 1.5rem 0;
-  padding: 0;
-  width: 270px;
-  width: 100%;
-  text-align: left;
-  overflow: hidden; }
-
-.nav-sidebar ul li {
-  display: block; }
-
-.nav-sidebar ul li a {
-  font-size: 14px;
-  font-weight: 400;
-  width: 100%;
-  padding: 16px 5px 16px 20px;
-  line-height: 15px; }
-
-.nav-sidebar ul li a:hover {
-  opacity: .7;
-  background: transparent; }
-
-.nav-sidebar ul li a, .nav-sidebar ul li a:hover, .nav-sidebar ul li a:focus {
-  border-bottom: none;
-  text-decoration: none; }
-
-.nav-sidebar ul li a.active, .nav-sidebar.nav > li > a:focus {
-  cursor: default;
-  color: #F7F8F9;
-  border-left: 4px solid #21cbc9; }
-
-.nav-sidebar ul li li a {
-  margin-left: 35px;
-  border-left: 1px solid #21cbc9;
-  font-size: 12px; }
-
-/*.nav-sidebar a.expand-menu {}
-.nav-sidebar a.expand-menu:hover {}
-.nav-sidebar a.expand-menu.active {}*/
-.nav-sidebar .caret {
-  float: right;
-  margin-right: 10px;
-  margin-top: 5px; }
-
-.nav-sidebar.affix ul, .nav-sidebar ul {
-  position: initial;
-  margin: initial !important; }
-
-.leftnav {
-  padding: 0px 20px 20px 0; }
-
-/*
-*
-* Table of contents menu  ***********************************************************************
-*
-*/
-.fa {
-  color: #fff; }
-
-.edit {
-  margin: 10px 0 20px 15px; }
-
-.toc-toggle {
-  width: 25px;
-  height: 25px;
-  float: right; }
-
-.toc-nav {
-  background-color: #1f3341;
-  height: 100%;
-  width: 270px;
-  padding: 15px 0 0; }
-
-.toc-nav ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  width: 100%; }
-
-.toc-nav li {
-  padding: 2px 8px 2px 32px; }
-
-.toc-nav a {
-  padding-left: 25px;
-  text-decoration: none;
-  font-size: 12px;
-  /*color: #0C5176;*/
-  display: block;
-  transition: 0.3s; }
-
-.toc-nav a:hover, .offcanvas a:focus {
-  color: #f1f1f1; }
-
-.toc-nav li a.active {
-  color: #F7F8F9;
-  border-left: 4px solid #21cbc9;
-  font-weight: bold; }
-
-.toc-nav ul li, .toc-nav ul li ul li {
-  padding-left: 15px; }
-
-/*
-*
-* Toggle Switches **************************************************************
-*
-*/
-.toggle-mode {
-  float: left;
-  width: 100%;
-  padding: 24px 0px 0px 0px; }
-
-.toggle-mode .icon {
-  width: 25px;
-  float: left;
-  font-size: 1.5rem; }
-
-.toggle-switch {
-  float: left;
-  height: 40px;
-  width: 60px;
-  padding: 4px 0 0 0; }
-
-.switch {
-  position: relative;
-  display: inline-block;
-  width: 47px;
-  height: 19px; }
-
-.switch input {
-  display: none; }
-
-.slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #fff;
-  border: 1px solid #0C5176;
-  transition: .4s; }
-
-.slider:before {
-  position: absolute;
-  content: "";
-  height: 15px;
-  width: 15px;
-  left: 2px;
-  bottom: 1px;
-  background-color: #0C5176;
-  transition: .4s; }
-
-/*input:checked+.slider {}*/
-input:focus + .slider {
-  box-shadow: 0 0 1px #2196F3; }
-
-input:checked + .slider:before {
-  -webkit-transform: translateX(26px);
-  transform: translateX(26px); }
-
-.slider.round {
-  border-radius: 34px; }
-
-.slider.round:before {
-  border-radius: 50%; }
-
-/*
-*
-* Controls ***********************************************************************
-*
-*/
-.ctrl-left {
-  float: left;
-  width: 20px;
-  margin: 0px 19px 1px 0; }
-
-.ctrl-right {
-  float: right;
-  padding: 5px 0 0 0; }
-
-.ctrl-right .btn-group {
-  float: left;
-  margin: 2px 24px 0 0; }
-
-/*
-*
-* Butons ***********************************************************************
-*
-*/
-.button {
-  margin: 10px 10px 0 0;
-  font-family: Geomanist;
-  padding: 12px 35px 10px 35px;
-  min-width: 200px; }
-
-.button:hover {
-  color: #fff;
-  opacity: .7; }
-
-.button {
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-  color: #FFFFFF;
-  float: left; }
-
-.primary-btn {
-  background: #1488C6;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
-
-.secondary-btn {
-  background-color: rgba(255, 255, 255, 0.2);
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  color: #FFFFFF;
-  text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
-
-.transparent-btn {
-  background-color: rgba(0, 0, 0, 0.2);
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  color: #FFFFFF;
-  text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
-
-.outline-btn {
-  border: 1px solid;
-  border-color: #fff;
-  margin-top: 15px;
-  font-size: 14px;
-  text-decoration: none; }
-
-.primary-btn:hover, .secondary-btn:hover, .outline-btn:hover {
-  opacity: .8; }
-
-.outline-btn:hover {
-  color: #1488C6; }
-
-/** these are bootstarp overrides :/   */
-.dropdown-btn {
-  background: transparent;
-  color: #fff;
-  padding: 6px 12px;
-  margin-top: 7px;
-  font-weight: 400;
-  background-image: none;
-  border: 0; }
-
-.dropdown-header {
-  font-size: 13.5px;
-  line-height: 16px;
-  color: #1488c6;
-  padding: 5px 15px;
-  display: block; }
-
-.text-link {
-  padding: 5px; }
-
-/*
-*
-* Breadcrumbs **************************************************************
-*
-*/
-.breadcrumb {
-  padding: 8px 15px 0 0;
-  margin: 10px 0 0 0;
-  list-style: none;
-  background-color: transparent;
-  border-radius: 4px; }
-
-/*
-* Search *********************************************************************
-*
-*/
-.search-form {
-  float: left;
-  width: 295px; }
-
-.search-form input[type=search] {
-  background: #3bb1ec;
-  border: 0;
-  color: #0C5176;
-  border-radius: 0px;
-  margin: 0;
-  transition: all 0.2s ease;
-  width: 270px; }
-
-.nav-secondary .search-form {
-  float: left;
-  margin: 2px 15px 0 20px; }
-
-.nav-secondary input[type=search] {
-  background: #065F8F;
-  border: 0;
-  margin: 0;
-  transition: all 0.2s ease;
-  width: 270px; }
-
-.search-form input[type=search]:focus {
-  background: #fff;
-  box-shadow: 0; }
-
-input[type=text], .nav-secondary-tabs.affix input[type=search] {
-  background: #10628e;
-  border: 0;
-  margin: 0; }
-
-.search-form input[type=search]::-webkit-input-placeholder {
-  color: #fff; }
-
-.search-form input[type=search]:-moz-placeholder {
-  /* Firefox 18- */
-  color: #fff; }
-
-.search-form input[type=search]::-moz-placeholder {
-  /* Firefox 19+ */
-  color: #fff; }
-
-.search-form input[type=search]:-ms-input-placeholder {
-  color: #fff; }
-
-/*
-*
-* Custom Content Docs Guides : steps   ******************************************
-*
-*/
-i.fa.fa-outdent, i.fa.fa-indent {
-  color: #fff;
-  padding: 15px 15px 0 0;
-  font-size: 1.8rem;
-  opacity: 0.7; }
-
-/*.step-container {}*/
-.step a {
-  padding: 15px;
-  float: left;
-  min-height: 75px;
-  width: 100%; }
-
-.step a:hover {
-  opacity: .6; }
-
-.step-num {
-  border-radius: 50%;
-  behavior: url(PIE.htc);
-  width: 36px;
-  height: 36px;
-  padding: 4px;
-  border: 2px solid #196d9c;
-  color: #0a486b;
-  text-align: center;
-  float: left;
-  font-size: 1.5rem;
-  margin-right: 25px; }
-
-/*.step-text {}*/
-.step p {
-  padding: 5px 45px 0 0;
-  width: 87%;
-  float: left; }
-
-.step .fa-chevron-right {
-  font-size: 3.5rem;
-  margin: 4px 0 0 15px;
-  float: left;
-  color: #125275;
-  opacity: .4; }
-
-/* Portrait and Landscape */
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-  .step p {
-    padding: 25px 0px 0 0;
-    width: 87%;
-    float: left; }
-  .step-text {
-    float: left; }
-  .container > .navbar-header {
-    margin: 0; } }
-
-/*
-*
-* Guides : components
-*
-*/
-.component-container {
-  padding: 0;
-  margin: 0;
-  width: 100%; }
-
-.component {
-  border-top: 10px solid;
-  border-color: #d3d4d4;
-  padding: 30px 30px 0 30px;
-  text-align: center;
-  margin: 0 0 15px 0;
-  min-height: 280px;
-  max-width: 330px; }
-
-.component-full {
-  padding: 15px 0 20px 20px;
-  float: left;
-  width: 100%;
-  min-height: 120px;
-  margin: 20px 0 0 0; }
-
-.component, .component-full {
-  box-shadow: 0.2px 0.2px 6px 0px rgba(169, 169, 169, 0.44); }
-
-.component-full-icon {
-  float: left;
-  padding: 5px 15px 0 7px; }
-
-.component-full p {
-  margin: 0; }
-
-.component-full h3 {
-  margin-top: 10px; }
-
-.component img, .component-full-icon img {
-  width: 50px;
-  height: 50px; }
-
-.component-icon {
-  width: 50px;
-  margin: 0 auto;
-  padding: 0 0 10px 0; }
-
-.component-full-copy {
-  float: left;
-  width: 80%; }
-
-a.anchorLink {
-  margin-left: 5px;
-  visibility: hidden; }
-
-/*
-*
-* feedback
-*
-*/
-.feedback {
-  text-align: center;
-  padding: 50px 0; }
-
-/*
-* Global elper classes *********************************************************************
-*
-*/
-.sub-header-block {
-  padding: 25px 20px 50px 0; }
-
-.block {
-  padding: 25px 20px 10px 0; }
-
-.block ul {
-  padding: 0; }
-
-/*
-*
-* hero banner text *************************************************************
-*
-*/
-.hero-text {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  min-height: 24em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -webkit-animation-name: hero;
-          animation-name: hero;
-  -webkit-animation-duration: 2s;
-          animation-duration: 2s; }
-
-.hero-text-centered {
-  -ms-flex: none;
-      flex: none;
-  text-align: center;
-  max-width: 60%; }
-
-.hero-text h1 {
-  color: #fff; }
-
-.hero-text p {
-  color: #fff;
-  margin-bottom: 15px;
-  font-size: 18px;
-  line-height: 28px; }
-
-.hero-text ul {
-  padding: 0;
-  width: 65%;
-  margin: 0 auto; }
-
-.hero-text li {
-  padding: 0 10px 0 0; }
-
-/* Portrait and Landscape */
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-  .hero-text {
-    position: absolute;
-    top: 75px; }
-  .hero-text-centered {
-    -ms-flex: none;
-        flex: none;
-    text-align: center;
-    max-width: 80%; }
-  .hero-text li {
-    float: left;
-    margin: 10px 0 0 0; } }
-
-/*
-*
-* Custom Content****************************************************************
-*
-*/
-.strip, .strip-alt {
-  padding: 70px 0 50px 0;
-  min-height: 300px;
-  width: 100%; }
-
-.strip-alt {
-  background: #1488c6;
-  color: #fff; }
-
-.strip-alt h3, .strip-alt h6 {
-  color: #fff; }
-
-.color-strip {
-  background: #1488c6;
-  height: 300px;
-  width: 100%; }
-
-.illustration {
-  max-width: 944px;
-  margin: 0 auto; }
-
-/*
-*
-* News letter  **********************************************************
-*
-*/
-.newsletter_section {
-  background-color: rgba(224, 228, 231, 0.7);
-  padding: 42px 0 32px 0;
-  min-height: 140px; }
-
-.newsletter_section input {
-  background-color: #FFFFFF;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  font-size: 16px;
-  line-height: 19px;
-  color: #82949E;
-  padding: 14px 15px 12px 15px;
-  margin: -2px 10px 10px 0;
-  float: left;
-  height: 49px;
-  width: 340px !important; }
-
-/*
-*
-* Bootstrap Overrides : super embarrassing  ***********************************************************************
-*
-*/
-.navbar-nav > li > a {
-  color: #fff !important; }
-
-.navbar-collapse, .navbar-form {
-  border-color: transparent; }
-
-.navbar-toggle .icon-bar {
-  background-color: #fff !important; }
-
-.nav > li > a:focus, .nav > li > a:hover {
-  background-color: transparent; }
-
-.dropdown-menu > li > a {
-  font-size: 13.5px;
-  line-height: 16px;
-  color: #1488c6;
-  padding: 5px 15px;
-  display: block; }
-
-/*
-*
-* typography ******************************************************************
-*
-*/
-h1, h2, h3, h4, h5, h6 {
-  color: #F7F8F9;
-  font-family: Geomanist Book; }
-
-h1 {
-  font-size: 38px;
-  line-height: 48px; }
-
-h2 {
-  font-size: 28px;
-  line-height: 38px; }
-
-h3 {
-  font-size: 20px;
-  line-height: 28px; }
-
-h4 {
-  color: #445d6e;
-  font-size: 18px;
-  line-height: 26px;
-  text-transform: uppercase; }
-
-h5 {
-  color: #445d6e;
-  font-size: 16px;
-  line-height: 26px; }
-
-h6 {
-  color: #82949e;
-  font-size: 16px;
-  line-height: 26px; }
-
-p {
-  color: #d3d4d4;
-  font-family: 'Open Sans', sans-serif;
-  font-size: 14px;
-  line-height: 24px;
-  margin-bottom: 10px; }
-
-p.p2 {
-  font-size: 16px;
-  line-height: 30px; }
-
-.reading-time {
-  font-style: italic;
-  font-size: 80%;
-  display: block;
-  padding: 0;
-  color: #ccc; }
-
-.dropdown-header {
-  font-size: 13.5px;
-  line-height: 16px;
-  color: #1488c6;
-  padding: 10px 0 0 15px;
-  display: block;
-  font-weight: 600;
-  margin: 10px 0 0 0; }
-
-/*
-*
-* Fonts  ***********************************************************************
-*
-*/
-@font-face {
-  font-family: 'Geomanist Book';
-  src: url("../fonts/geomanist/hinted-Geomanist-Book.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Book.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Book.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Book.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Book.svg#Geomanist-Book") format("svg");
-  font-weight: normal;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Geomanist Ultra';
-  src: url("../fonts/geomanist/hinted-Geomanist-Ultra.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-Ultra.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Ultra.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Ultra.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Ultra.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Ultra.svg#Geomanist-Ultra") format("svg");
-  font-weight: normal;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Geomanist Thin';
-  src: url("../fonts/geomanist/hinted-Geomanist-Thin.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Thin.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Thin.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Thin.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Thin.svg#Geomanist-Thin") format("svg");
-  font-weight: 100;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Geomanist Light';
-  src: url("../fonts/geomanist/hinted-Geomanist-Light.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Light.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Light.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Light.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Light.svg#Geomanist-Light") format("svg");
-  font-weight: 300;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Geomanist';
-  src: url("../fonts/geomanist/hinted-Geomanist-Regular.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Regular.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Regular.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Regular.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Regular.svg#Geomanist-Regular") format("svg");
-  font-weight: normal;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Geomanist ExtraLight';
-  src: url("../fonts/geomanist/hinted-Geomanist-ExtraLight.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-ExtraLight.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-ExtraLight.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-ExtraLight.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-ExtraLight.svg#Geomanist-ExtraLight") format("svg");
-  font-weight: 200;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Geomanist Medium';
-  src: url("../fonts/geomanist/hinted-Geomanist-Medium.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Medium.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Medium.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Medium.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Medium.svg#Geomanist-Medium") format("svg");
-  font-weight: 500;
-  font-style: normal; }
-
-@font-face {
-  font-family: 'Geomanist Bold';
-  src: url("../fonts/geomanist/hinted-Geomanist-Bold.eot");
-  src: url("../fonts/geomanist/hinted-Geomanist-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Bold.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Bold.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Bold.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Bold.svg#Geomanist-Bold") format("svg");
-  font-weight: bold;
-  font-style: normal; }
-
-/*
-*
-* Header ***********************************************************************
-*
-*/
-.header {
-  background: #0087C9;
-  min-height: 500px;
-  position: relative; }
-
-.fan {
-  background: transparent url("../images/fan.svg") no-repeat top left;
-  background-size: cover;
-  position: absolute;
-  width: 208px;
-  height: 500px; }
-
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-  .fan {
-    display: none; } }
-
-.fan {
-  -webkit-animation-name: fan;
-          animation-name: fan;
-  -webkit-animation-duration: 2s;
-          animation-duration: 2s; }
-
-@-webkit-keyframes fan {
-  from {
-    left: -100px;
-    opacity: 0; }
-  to {
-    left: 0;
-    opacity: 1; } }
-
-@keyframes fan {
-  from {
-    left: -100px;
-    opacity: 0; }
-  to {
-    left: 0;
-    opacity: 1; } }
-
-/*
-*
-* hero banner text *************************************************************
-*
-*/
-.hero-text {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  min-height: 24em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -webkit-animation-name: hero;
-          animation-name: hero;
-  -webkit-animation-duration: 2s;
-          animation-duration: 2s; }
-
-.hero-text-centered {
-  -ms-flex: none;
-      flex: none;
-  text-align: center;
-  max-width: 60%; }
-
-.hero-text h1 {
-  color: #fff; }
-
-.hero-text p {
-  color: #fff;
-  margin-bottom: 15px;
-  font-size: 18px;
-  font-weight: 200;
-  font-family: Open Sans;
-  line-height: 30px; }
-
-.hero-text ul {
-  padding: 0;
-  width: 65%;
-  margin: 0 auto; }
-
-.hero-text li {
-  padding: 0 10px 0 0; }
-
-/* Portrait and Landscape */
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-  .hero-text {
-    position: absolute;
-    top: 75px; }
-  .hero-text-centered {
-    -ms-flex: none;
-        flex: none;
-    text-align: center;
-    max-width: 80%; }
-  .hero-text li {
-    float: left;
-    margin: 10px 0 0 0; } }
-
-/*
-* Search *********************************************************************
-*
-*/
-.search-form {
-  float: left;
-  margin: 10px 15px 0 20px; }
-
-.search-form input[type=text] {
-  background: #3bb1ec;
-  border: 0;
-  color: #0C5176;
-  border-radius: 0px;
-  margin: 0;
-  transition: all 0.2s ease;
-  width: 230px; }
-
-.nav-secondary input[type=text] {
-  background: #065F8F;
-  border: 0;
-  margin: 0;
-  transition: all 0.2s ease; }
-
-.search-form input[type=text]:focus {
-  background: #fff;
-  box-shadow: 0; }
-
-input[type=text], .nav-secondary-tabs.affix input[type=text] {
-  background: #10628e;
-  border: 0;
-  margin: 0; }
-
-.search-form input[type=text]::-webkit-input-placeholder {
-  color: #fff; }
-
-.search-form input[type=text]:-moz-placeholder {
-  /* Firefox 18- */
-  color: #fff; }
-
-.search-form input[type=text]::-moz-placeholder {
-  /* Firefox 19+ */
-  color: #fff; }
-
-.search-form input[type=text]:-ms-input-placeholder {
-  color: #fff; }
-
-/*
-*
-* News letter  **********************************************************
-*
-*/
-.newsletter_section {
-  background-color: rgba(224, 228, 231, 0.7);
-  padding: 42px 0 32px;
-  min-height: 140px; }
-
-.newsletter_section input {
-  background-color: #FFFFFF;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  font-family: Geomanist;
-  font-size: 16px;
-  line-height: 19px;
-  color: #82949E;
-  padding: 14px 15px 12px;
-  margin: -2px 10px 10px 0;
-  float: left;
-  height: 49px;
-  width: 340px; }
-
-/*
-*
-* global footer  ***********************************************************************
-*
-*/
-footer {
-  background: #fff;
-  position: static; }
-
-.top_footer {
-  padding: 50px 0 35px; }
-
-.footer_links {
-  list-style: none;
-  padding: 0; }
-  .footer_links li {
-    margin-bottom: 2px; }
-    .footer_links li a {
-      color: #637986;
-      font-size: 12px;
-      line-height: 16px;
-      text-decoration: none; }
-
-.footer_sub_nav {
-  float: right;
-  padding: 10px 30px 20px 0; }
-  .footer_sub_nav ul {
-    list-style: none;
-    margin: 0;
-    padding: 0; }
-    .footer_sub_nav ul li {
-      float: left;
-      margin-left: 10px;
-      padding-bottom: 6px; }
-      .footer_sub_nav ul li a {
-        color: #637986;
-        font-size: 12px;
-        line-height: 17px; }
-
-.bottom_footer {
-  clear: both;
-  padding: 30px 0 20px;
-  border-top: 1px solid #E0E4E7;
-  float: left;
-  width: 100%; }
-
-.footer-copyright {
-  float: left; }
-  .footer-copyright p {
-    font-family: "Open Sans";
-    font-size: 12px;
-    line-height: 17px;
-    color: #637986;
-    margin-bottom: 0;
-    padding: 0 0 15px; }
-
-.footer_social_nav {
-  float: right;
-  padding: 0 15px 0 0; }
-  .footer_social_nav ul {
-    list-style: none;
-    padding: 0;
-    margin: 0; }
-    .footer_social_nav ul li {
-      float: left;
-      position: relative; }
-
-.footer_social_nav ul li:before {
-  color: #fff;
-  position: absolute;
-  top: 10px;
-  left: 10px; }
-
-.footer_social_nav ul li + li {
-  margin-left: 10px; }
-
-.footer_social_nav ul li a {
-  width: 32px;
-  height: 32px;
-  background-color: #82949E;
-  border-radius: 50px;
-  color: #fff;
-  display: block;
-  text-indent: 9999px;
-  overflow: hidden; }
-
-/* Portrait and Landscape */
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-  .top_footer {
-    padding: 15px 0 0;
-    margin-bottom: 50px; }
-  .footer_links {
-    padding: 10px 0; }
-  button.outline-btn {
-    margin: 20px 0 0 2px; }
-  .footer_sub_nav {
-    float: left; }
-  .footer_sub_nav ul li {
-    float: none;
-    padding-bottom: 6px;
-    margin: 0; } }
diff --git a/css/main.css b/css/main.css
index dd642a9db7..f94fe3f27f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -407,7 +407,7 @@ td, th {
   background-color: #FBFBFC;
   height: 100%;
   width: 270px;
-  padding: 15px 0 0; }
+  padding: 50px 0 0; }
 
 .toc-nav ul {
   list-style: none;
@@ -426,6 +426,9 @@ td, th {
   display: block;
   transition: 0.3s; }
 
+#side-toc-contents a {
+  padding-left: 0px; }
+
 .toc-nav a:hover, .offcanvas a:focus {
   color: #f1f1f1; }
 
@@ -445,7 +448,7 @@ td, th {
 .toggle-mode {
   float: left;
   width: 100%;
-  padding: 24px 0px 0px 0px; }
+  padding: 0px 0px 0px 40px; }
 
 .toggle-mode .icon {
   width: 25px;
diff --git a/css/temp.css b/css/temp.css
index c74109705e..29f97991ae 100644
--- a/css/temp.css
+++ b/css/temp.css
@@ -72,8 +72,6 @@ div#autocompleteContainer {
 }
 
 #feedback-links {
-  border: 1px solid #2294ca;
-  padding: 10px;
   margin-top: 20px;
   width: 100%;
 }
diff --git a/index.md b/index.md
index 03a131db97..c6b35ff2f8 100644
--- a/index.md
+++ b/index.md
@@ -1,7 +1,7 @@
 ---
 description: Home page for Docker's documentation
-keywords: Docker, documentation, manual, guide, reference, api
-layout: landing
+keywords: Docker, documentation, manual, guide, reference, api, samples
+landing: true
 title: Docker Documentation
 notoc: true
 ---
@@ -148,5 +148,5 @@ production environment. Highlights [Compose Version 3 new features](/engine/gets
           </div>
           <!-- end component-container-->
       </div>
-  </div>                          
+  </div>
 </div>
diff --git a/js/docs.js b/js/docs.js
index 8cb6de55b8..964974b913 100644
--- a/js/docs.js
+++ b/js/docs.js
@@ -4,22 +4,6 @@
  *
  */
 
-function swapStyleSheet(sheet) {
-    document.getElementById('pagestyle').setAttribute('href', sheet);
-}
-
-
-$('#switch-style').change(function() {
-
-    if ($(this).is(':checked')) {
-        swapStyleSheet('../css/main-alt.css');
-
-    } else {
-        swapStyleSheet('../css/main.css');
-
-    }
-});
-
 $("#menu-toggle").click(function(e) {
         e.preventDefault();
         $("#wrapper").toggleClass("toggled");
diff --git a/js/menu.js b/js/menu.js
index 574820e9db..a9747b1d6e 100644
--- a/js/menu.js
+++ b/js/menu.js
@@ -25,11 +25,13 @@ function loadPage(url)
   window.location.replace(url);
   window.location.href = url;
 }
+
 $(document).on("keypress", function(event) {
     if (event.keyCode == 13) {
       if(autoCompleteShowing) event.preventDefault();
     }
 });
+
 function highlightMe(inputTxt,keyword)
 {
   inputTxt = String(inputTxt);
diff --git a/landing.md b/landing.md
index 20d50208a6..6b238a150d 100644
--- a/landing.md
+++ b/landing.md
@@ -1,7 +1,7 @@
 ---
 description: Home page for Docker's documentation
 keywords: Docker, documentation, manual, guide, reference, api
-layout: landing
+landing: true
 title: Docker Documentation
 notoc: true
 ---
@@ -148,5 +148,5 @@ production environment. Highlights [Compose Version 3 new features](/engine/gets
           </div>
           <!-- end component-container-->
       </div>
-  </div>                          
+  </div>
 </div>