diff --git a/config/config.php.template b/config/config.php.template
index bd8c182..34b3063 100644
--- a/config/config.php.template
+++ b/config/config.php.template
@@ -27,6 +27,9 @@
  */
 // $config['theme'] = 'default';                // Set the theme (defaults to "default")
 // $config['theme_url'] = '';                   // Override the base URL of the themes folder (e.g. http://example.com/pico/themes/)
+// $config['theme_config'] = array(             // Settings of the theme; depends on the theme used
+//     'widescreen' => false                    // Default theme: Allocate more horicontal space (i.e. make the site container wider)
+// );
 // $config['twig_config'] = array(              // Twig settings
 //     'cache' => false,                        // To enable Twig caching change this to a path to a writable directory
 //     'autoescape' => false,                   // Auto-escape Twig vars
diff --git a/themes/default/font/LICENSE.txt b/themes/default/font/LICENSE.txt
index bf29f26..270e046 100644
--- a/themes/default/font/LICENSE.txt
+++ b/themes/default/font/LICENSE.txt
@@ -20,3 +20,4 @@ Font license info
     License:    SIL OFL 1.1 <http://scripts.sil.org/OFL>
     Homepage:   http://fortawesome.github.com/Font-Awesome/
 
+    Icons:      menu, github-circled ("octocat"), twitter ("birdy"), chat
diff --git a/themes/default/font/fontello.eot b/themes/default/font/fontello.eot
index b3ae4d9..0d93cf8 100644
Binary files a/themes/default/font/fontello.eot and b/themes/default/font/fontello.eot differ
diff --git a/themes/default/font/fontello.svg b/themes/default/font/fontello.svg
index 6514c03..181dad9 100644
--- a/themes/default/font/fontello.svg
+++ b/themes/default/font/fontello.svg
@@ -8,9 +8,11 @@
 <missing-glyph horiz-adv-x="1000" />
 <glyph glyph-name="chat" unicode="&#xe800;" d="M786 421q0-77-53-143t-143-104-197-38q-48 0-98 9-70-49-155-72-21-5-48-9h-2q-6 0-12 5t-6 12q-1 1-1 3t1 4 1 3l1 3t2 3 2 3 3 3 2 2q3 3 13 14t15 16 12 17 14 21 11 25q-69 40-108 98t-40 125q0 78 53 144t143 104 197 38 197-38 143-104 53-144z m214-142q0-67-40-126t-108-98q5-14 11-25t14-21 13-16 14-17 13-14q0 0 2-2t3-3 2-3 2-3l1-3t1-3 1-4-1-3q-2-8-7-13t-13-4q-27 4-48 9-85 23-155 72-50-9-98-9-151 0-263 74 32-3 49-3 90 0 172 25t148 72q69 52 107 119t37 141q0 43-13 85 72-39 114-99t42-128z" horiz-adv-x="1000" />
 
-<glyph glyph-name="twitter" unicode="&#xf099;" d="M904 622q-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81 19-2 43-2 126 0 224 77-59 1-105 36t-64 89q19-3 34-3 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 68-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q79 0 132-57 61 12 114 44-20-64-79-100 52 6 104 28z" horiz-adv-x="928.6" />
+<glyph glyph-name="birdy" unicode="&#xf099;" d="M904 622q-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81 19-2 43-2 126 0 224 77-59 1-105 36t-64 89q19-3 34-3 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 68-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q79 0 132-57 61 12 114 44-20-64-79-100 52 6 104 28z" horiz-adv-x="928.6" />
 
-<glyph glyph-name="github" unicode="&#xf09b;" d="M857 350q0-140-82-252t-211-155q-15-3-22 4t-7 17v118q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 68-44 115 21 51-5 114-15 5-45-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-48 7q-24-63-4-114-44-47-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-22-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l5-13q8-21 25-34t37-17 39-4 31 2l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
+<glyph glyph-name="octocat" unicode="&#xf09b;" d="M857 350q0-140-82-252t-211-155q-15-3-22 4t-7 17v118q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 68-44 115 21 51-5 114-15 5-45-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-48 7q-24-63-4-114-44-47-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-22-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l5-13q8-21 25-34t37-17 39-4 31 2l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="menu" unicode="&#xf0c9;" d="M857 100v-71q0-15-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 25t25 11h785q15 0 26-11t10-25z m0 286v-72q0-14-10-25t-26-10h-785q-15 0-25 10t-11 25v72q0 14 11 25t25 10h785q15 0 26-10t10-25z m0 285v-71q0-15-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 26t25 10h785q15 0 26-10t10-26z" horiz-adv-x="857.1" />
 </font>
 </defs>
 </svg>
\ No newline at end of file
diff --git a/themes/default/font/fontello.ttf b/themes/default/font/fontello.ttf
index f9b65ca..fb11489 100644
Binary files a/themes/default/font/fontello.ttf and b/themes/default/font/fontello.ttf differ
diff --git a/themes/default/font/fontello.woff b/themes/default/font/fontello.woff
index a2ef511..d37a536 100644
Binary files a/themes/default/font/fontello.woff and b/themes/default/font/fontello.woff differ
diff --git a/themes/default/font/fontello.woff2 b/themes/default/font/fontello.woff2
index 9821cb2..38039ce 100644
Binary files a/themes/default/font/fontello.woff2 and b/themes/default/font/fontello.woff2 differ
diff --git a/themes/default/fontello.css b/themes/default/fontello.css
index 8fd6a40..e9a005e 100644
--- a/themes/default/fontello.css
+++ b/themes/default/fontello.css
@@ -55,6 +55,7 @@
     /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
 
-.icon-chat:before { content: '\e800'; } /* '' */
-.icon-birdy:before { content: '\f099'; } /* '' */
+.icon-menu:before { content: '\f0c9'; } /* '' */
 .icon-octocat:before { content: '\f09b'; } /* '' */
+.icon-birdy:before { content: '\f099'; } /* '' */
+.icon-chat:before { content: '\e800'; } /* '' */
diff --git a/themes/default/index.twig b/themes/default/index.twig
index 8d6bc03..ec76b84 100644
--- a/themes/default/index.twig
+++ b/themes/default/index.twig
@@ -1,28 +1,32 @@
 <!DOCTYPE html>
-<html lang="en" class="no-js">
+<html class="no-js">
 <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 
     <title>{% if meta.title %}{{ meta.title }} | {% endif %}{{ site_title }}</title>
     {% if meta.description %}
-        <meta name="description" content="{{ meta.description|striptags }}">
+        <meta name="description" content="{{ meta.description|striptags }}" />
     {% endif %}{% if meta.robots %}
-        <meta name="robots" content="{{ meta.robots }}">
+        <meta name="robots" content="{{ meta.robots }}" />
     {% endif %}
 
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" type="text/css" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono" type="text/css" />
     <link rel="stylesheet" href="{{ theme_url }}/style.css" type="text/css" />
     <link rel="stylesheet" href="{{ theme_url }}/fontello.css" type="text/css" />
-
-    <script src="{{ theme_url }}/scripts/modernizr-2.6.1.min.js"></script>
 </head>
-<body>
+<body{% if config.theme_config.widescreen %} class="widescreen"{% endif %}>
 
-    <header id="header">
-        <div class="inner clearfix">
-            <h1><a href="{{ "index"|link }}" id="logo">{{ site_title }}</a></h1>
-            <nav>
-                <a href="#" class="menu-icon"></a>
+    <header>
+        <div class="container">
+            <a id="page-menu-toggle" title="Toggle Menu" role="button" aria-controls="page-menu" aria-expanded="false" tabindex="1">
+                <span class="icon-menu" aria-hidden="true"></span>
+                <span class="sr-only">Toggle Menu</span>
+            </a>
+            <h1>
+                <a href="{{ "index"|link }}">{{ site_title }}</a>
+            </h1>
+            <nav id="page-menu" role="region" tabindex="-1">
                 <ul>
                     {% for page in pages if page.title %}
                         <li{% if page.id == current_page.id %} class="active"{% endif %}>
@@ -34,24 +38,32 @@
         </div>
     </header>
 
-    <section id="content">
-        <div class="inner">
+    <main>
+        <div class="container">
             {{ content }}
         </div>
-    </section>
+    </main>
 
-    <footer id="footer">
-        <div class="inner">
+    <footer>
+        <div class="container">
             <div class="social">
                 {% for social in meta.social %}
-                    <a href="{{ social.url }}" title="{{ social.title }}"><span class="icon-{{ social.icon }}"></span></a>
+                    <a href="{{ social.url }}" title="{{ social.title }}" role="button">
+                        <span class="icon-{{ social.icon }}" aria-hidden="true"></span>
+                        <span class="sr-only">{{ social.title }}</span>
+                    </a>
                 {% endfor %}
             </div>
-            <a href="http://picocms.org/">Pico</a> was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a>
-            and is maintained by <a href="https://github.com/picocms/Pico/graphs/contributors">The Pico Community</a>.
-            Released under the <a href="https://github.com/picocms/Pico/blob/master/LICENSE.md">MIT license</a>.
+            <p>
+                <a href="http://picocms.org/">Pico</a> was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a>
+                and is maintained by <a href="https://github.com/picocms/Pico/graphs/contributors">The Pico Community</a>.
+                Released under the <a href="https://github.com/picocms/Pico/blob/master/LICENSE.md">MIT license</a>.
+            </p>
         </div>
     </footer>
 
+    <script src="{{ theme_url }}/js/utils.js" type="text/javascript"></script>
+    <script src="{{ theme_url }}/js/pico.js" type="text/javascript"></script>
+
 </body>
 </html>
diff --git a/themes/default/js/pico.js b/themes/default/js/pico.js
new file mode 100644
index 0000000..b110a10
--- /dev/null
+++ b/themes/default/js/pico.js
@@ -0,0 +1,67 @@
+/**
+ * Pico's Default Theme - JavaScript helper
+ *
+ * Pico is a stupidly simple, blazing fast, flat file CMS.
+ *
+ * @author  Daniel Rudolf
+ * @link    http://picocms.org
+ * @license http://opensource.org/licenses/MIT The MIT License
+ * @version 1.1
+ */
+
+function main() {
+    // capability CSS classes
+    document.documentElement.classList.remove('no-js');
+    document.documentElement.classList.add('js');
+
+    // wrap tables
+    utils.forEach(document.querySelectorAll('main table'), function (_, table) {
+        if (!table.parentElement.classList.contains('table-responsive')) {
+            var tableWrapper = document.createElement('div');
+            tableWrapper.classList.add('table-responsive');
+
+            table.parentElement.insertBefore(tableWrapper, table);
+            tableWrapper.appendChild(table);
+        }
+    });
+
+    // responsive menu
+    var menu = document.getElementById('page-menu'),
+        menuToggle = document.getElementById('page-menu-toggle'),
+        toggleMenuEvent = function (event) {
+            if (event.type === 'keydown') {
+                if ((event.keyCode != 13) && (event.keyCode != 32)) {
+                    return;
+                }
+            }
+
+            event.preventDefault();
+
+            if (menuToggle.getAttribute('aria-expanded') === 'false') {
+                menuToggle.setAttribute('aria-expanded', 'true');
+                utils.slideDown(menu, null, function () {
+                    if (event.type === 'keydown') menu.focus();
+                });
+            } else {
+                menuToggle.setAttribute('aria-expanded', 'false');
+                utils.slideUp(menu);
+            }
+        },
+        onResizeEvent = function () {
+            if (utils.isElementVisible(menuToggle)) {
+                menu.classList.add('hidden');
+                menuToggle.addEventListener('click', toggleMenuEvent);
+                menuToggle.addEventListener('keydown', toggleMenuEvent);
+            } else {
+                menuToggle.removeEventListener('keydown', toggleMenuEvent);
+                menuToggle.removeEventListener('click', toggleMenuEvent);
+                menu.classList.remove('hidden', 'slide', 'up');
+                delete menu.dataset.slideId;
+            }
+        };
+
+    window.addEventListener('resize', onResizeEvent);
+    onResizeEvent();
+}
+
+main();
diff --git a/themes/default/js/utils.js b/themes/default/js/utils.js
new file mode 100644
index 0000000..b500be9
--- /dev/null
+++ b/themes/default/js/utils.js
@@ -0,0 +1,161 @@
+/**
+ * Pico's Default Theme - JavaScript helper
+ *
+ * Pico is a stupidly simple, blazing fast, flat file CMS.
+ *
+ * @author  Daniel Rudolf
+ * @link    http://picocms.org
+ * @license http://opensource.org/licenses/MIT The MIT License
+ * @version 1.1
+ */
+
+utils = {};
+
+/**
+ * Iterates through an iterable object (e.g. plain objects, arrays, NodeList)
+ *
+ * @param  object   object   the object to iterate through
+ * @param  function callback function to call on every item; the key is passed
+ *     as first, the value as second parameter
+ * @return void
+ */
+utils.forEach = function (object, callback) {
+    var i = 0,
+        keys = Object.keys(object),
+        length = keys.length;
+    for (; i < length; i++) {
+        if (callback(keys[i], object[keys[i]]) === false) {
+            return;
+        }
+    }
+};
+
+/**
+ * Slides a element up (i.e. hide a element by changing its height to 0)
+ *
+ * @param  HTMLElement element        the element to slide up
+ * @param  function    finishCallback function to call when the animation has
+ *     been finished (i.e. the element is hidden)
+ * @param  function    startCallback  function to call when the animation starts
+ * @return void
+ */
+utils.slideUp = function (element, finishCallback, startCallback) {
+    utils.slideOut(element, {
+        cssRule: 'height',
+        cssRuleRef: 'clientHeight',
+        cssClass: 'up',
+        startCallback: startCallback,
+        finishCallback: finishCallback
+    });
+};
+
+/**
+ * Slides a element down (i.e. show a hidden element)
+ *
+ * @param  HTMLElement element        the element to slide down
+ * @param  function    finishCallback function to call when the animation has
+ *     been finished (i.e. the element is visible)
+ * @param  function    startCallback  function to call when the animation starts
+ * @return void
+ */
+utils.slideDown = function (element, finishCallback, startCallback) {
+    utils.slideIn(element, {
+        cssRule: 'height',
+        cssRuleRef: 'clientHeight',
+        cssClass: 'up',
+        startCallback: startCallback,
+        finishCallback: finishCallback
+    });
+};
+
+/**
+ * Slides a element out (i.e. hide the element)
+ *
+ * @param  HTMLElement element the element to slide out
+ * @param  object      options the settings of the sliding process
+ * @return void
+ */
+utils.slideOut = function (element, options) {
+    element.style[options.cssRule] = element[options.cssRuleRef] + 'px';
+
+    var slideId = parseInt(element.dataset.slideId) || 0;
+    element.dataset.slideId = ++slideId;
+
+    window.requestAnimationFrame(function () {
+        element.classList.add('slide');
+
+        window.requestAnimationFrame(function () {
+            element.classList.add(options.cssClass);
+
+            if (options.startCallback) {
+                options.startCallback();
+            }
+
+            window.setTimeout(function () {
+                if (parseInt(element.dataset.slideId) !== slideId) return;
+
+                element.classList.add('hidden');
+                element.classList.remove('slide');
+                element.classList.remove(options.cssClass);
+                element.style[options.cssRule] = null;
+
+                if (options.finishCallback) {
+                    window.requestAnimationFrame(options.finishCallback);
+                }
+            }, 500);
+        });
+    });
+};
+
+/**
+ * Slides a element in (i.e. make the element visible)
+ *
+ * @param  HTMLElement element the element to slide in
+ * @param  object      options the settings of the sliding process
+ * @return void
+ */
+utils.slideIn = function (element, options) {
+    var cssRuleOriginalValue = element[options.cssRuleRef] + 'px',
+        slideId = parseInt(element.dataset.slideId) || 0;
+
+    element.dataset.slideId = ++slideId;
+
+    element.style[options.cssRule] = null;
+    element.classList.remove('hidden', 'slide', options.cssClass);
+    var cssRuleValue = element[options.cssRuleRef] + 'px';
+
+    element.classList.add('slide');
+
+    window.requestAnimationFrame(function () {
+        element.style[options.cssRule] = cssRuleOriginalValue;
+
+        window.requestAnimationFrame(function () {
+            element.style[options.cssRule] = cssRuleValue;
+
+            if (options.startCallback) {
+                options.startCallback();
+            }
+
+            window.setTimeout(function () {
+                if (parseInt(element.dataset.slideId) !== slideId) return;
+
+                element.classList.remove('slide');
+                element.style[options.cssRule] = null;
+
+                if (options.finishCallback) {
+                    window.requestAnimationFrame(options.finishCallback);
+                }
+            }, 500);
+        });
+    });
+};
+
+/**
+ * Check whether a element is visible or not
+ *
+ * @param  HTMLElement element the element to test
+ * @return boolean             TRUE when the element is visible, FALSE otherwise
+ */
+utils.isElementVisible = function (element) {
+    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
+};
\ No newline at end of file
diff --git a/themes/default/scripts/modernizr-2.6.1.min.js b/themes/default/scripts/modernizr-2.6.1.min.js
deleted file mode 100644
index 3c2d12e..0000000
--- a/themes/default/scripts/modernizr-2.6.1.min.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/* Modernizr 2.6.1 (Custom Build) | MIT & BSD
- * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexbox_legacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-cssclasses-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
- */
-;window.Modernizr=function(a,b,c){function C(a){j.cssText=a}function D(a,b){return C(n.join(a+";")+(b||""))}function E(a,b){return typeof a===b}function F(a,b){return!!~(""+a).indexOf(b)}function G(a,b){for(var d in a){var e=a[d];if(!F(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function H(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:E(f,"function")?f.bind(d||b):f}return!1}function I(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return E(b,"string")||E(b,"undefined")?G(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),H(e,b,c))}function J(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)u[c[d]]=c[d]in k;return u.list&&(u.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),u}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,f,h,i=a.length;d<i;d++)k.setAttribute("type",f=a[d]),e=k.type!=="text",e&&(k.value=l,k.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(f)&&k.style.WebkitAppearance!==c?(g.appendChild(k),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(k,null).WebkitAppearance!=="textfield"&&k.offsetHeight!==0,g.removeChild(k)):/^(search|tel)$/.test(f)||(/^(url|email)$/.test(f)?e=k.checkValidity&&k.checkValidity()===!1:e=k.value!=l)),t[a[d]]=!!e;return t}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.6.1",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k=b.createElement("input"),l=":)",m={}.toString,n=" -webkit- -moz- -o- -ms- ".split(" "),o="Webkit Moz O ms",p=o.split(" "),q=o.toLowerCase().split(" "),r={svg:"http://www.w3.org/2000/svg"},s={},t={},u={},v=[],w=v.slice,x,y=function(a,c,d,e){var f,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),k.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),k.id=h,(l?k:m).innerHTML+=f,m.appendChild(k),l||(m.style.background="",g.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},z=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=E(e[d],"function"),E(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return I("flexWrap")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!E(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!I("indexedDB",a)},s.hashchange=function(){return z("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return C("background-color:rgba(150,255,150,.5)"),F(j.backgroundColor,"rgba")},s.hsla=function(){return C("background-color:hsla(120,40%,100%,.5)"),F(j.backgroundColor,"rgba")||F(j.backgroundColor,"hsla")},s.multiplebgs=function(){return C("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return I("backgroundSize")},s.borderimage=function(){return I("borderImage")},s.borderradius=function(){return I("borderRadius")},s.boxshadow=function(){return I("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return D("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return I("animationName")},s.csscolumns=function(){return I("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return C((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),F(j.backgroundImage,"gradient")},s.cssreflections=function(){return I("boxReflect")},s.csstransforms=function(){return!!I("transform")},s.csstransforms3d=function(){var a=!!I("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return I("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(['#modernizr:after{content:"',l,'";visibility:hidden}'].join(""),function(b){a=b.offsetHeight>=1}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var K in s)B(s,K)&&(x=K.toLowerCase(),e[x]=s[K](),v.push((e[x]?"":"no-")+x));return e.input||J(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)B(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},C(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.hasEvent=z,e.testProp=function(a){return G([a])},e.testAllProps=I,e.testStyles=y,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
\ No newline at end of file
diff --git a/themes/default/style.css b/themes/default/style.css
index 9da7a0d..ad4857b 100644
--- a/themes/default/style.css
+++ b/themes/default/style.css
@@ -1,394 +1,285 @@
-/*=================================*/
-/* Pico Default Theme
-/* By: Gilbert Pellegrom
-/* http: //dev7studios.com
-/*=================================*/
+/**
+ * Pico's Default Theme
+ *
+ * Pico's default theme is a bit bare - but that's intentional! The default
+ * theme isn't meant for production use, it's actually a template for you to
+ * design your own theme around.
+ *
+ * Pico is a stupidly simple, blazing fast, flat file CMS.
+ *
+ * @author  Daniel Rudolf
+ * @link    http://picocms.org
+ * @license http://opensource.org/licenses/MIT The MIT License
+ * @version 1.1
+ */
 
-/* Reset Styles
-/*---------------------------------------------*/
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
+* {
+    box-sizing: border-box;
+    border: 0 none;
     margin: 0;
     padding: 0;
-    border: 0;
-    outline: 0;
-    font-weight: inherit;
-    font-style: inherit;
-    font-size: 100%;
-    font-family: inherit;
-    vertical-align: baseline;
 }
 
 body {
-    line-height: 1;
-    color: black;
-    background: white;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-caption, th, td {
-    text-align: left;
-    font-weight: normal;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-    content: "";
-}
-
-blockquote, q {
-    quotes: "" "";
-}
-
-/* HTML5 tags */
-header, section, footer,
-aside, nav, article, figure {
-    display: block;
-}
-
-/* hand cursor on clickable input elements */
-label, input[type=button], input[type=submit], button {
-    cursor: pointer;
-}
-
-/* make buttons play nice in IE:
-   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
-button {
-    width: auto;
-    overflow: visible;
-}
-
-/* Sharper Thumbnails */
-img {
-    -ms-interpolation-mode: bicubic;
-}
-
-/* Input Styles
-/*---------------------------------------------*/
-input,
-textarea,
-select {
-    padding: 5px;
-    font: 400 1em Verdana, Sans-serif;
-    color: #666;
-    background: #fff;
-    border: 1px solid #999999;
-    margin: 0 0 1em 0;
-}
-
-input:focus,
-textarea:focus,
-select:focus {
-    color: #000;
-    background: #fff;
-    border: 1px solid #666666;
-}
-
-/* Main Styles
-/*---------------------------------------------*/
-body {
-    font: 14px/1.8em 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;
+    font-family: 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
+    font-size: 16px;
+    line-height: 1.6;
     color: #444;
-    background: #fff;
-    -webkit-font-smoothing: antialiased;
 }
 
-a, a:visited {
-    color: #2EAE9B;
-    text-decoration: none;
-    -webkit-transition: all 0.2s linear;
-    -moz-transition: all 0.2s linear;
-    -ms-transition: all 0.2s linear;
-    -o-transition: all 0.2s linear;
-    transition: all 0.2s linear;
-}
-
-a:hover, a:active {
-    color: #000;
-    text-decoration: none;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    color: #000;
-    line-height: 1.2em;
-    margin-bottom: 0.6em;
-}
-
-h1 {
-    font-size: 2em;
-}
-
-h2 {
-    font-size: 1.7em;
-}
-
-h3 {
-    font-size: 1.5em;
-    margin-top: 2em;
-}
-
-p, table, ol, ul, pre, blockquote, dl {
+p, hr, table, .table-responsive, ol, ul, dl, pre, blockquote {
     margin-bottom: 1em;
 }
 
-ol, ul {
-    padding-left: 30px;
+.hidden { display: none !important; }
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0 none;
 }
 
-b, strong {
-    font-weight: bold;
+.slide {
+    overflow-y: hidden !important;
+    -webkit-transition: height .5s ease-in !important;
+            transition: height .5s ease-in !important;
 }
+.slide.up { height: 0 !important; }
 
-i, em {
-    font-style: italic;
-}
+/*** BASIC LAYOUT ***/
 
-u {
-    text-decoration: underline;
-}
-
-abbr, acronym {
-    cursor: help;
-    border-bottom: 0.1em dotted;
-}
-
-td, td img {
-    vertical-align: top;
-}
-
-td, th {
-    border: solid 1px #999;
-    padding: 0.25em 0.5em;
-}
-
-th {
-    font-weight: bold;
-    text-align: center;
-    background: #eee;
-}
-
-sub {
-    vertical-align: sub;
-    font-size: smaller;
-}
-
-sup {
-    vertical-align: super;
-    font-size: smaller;
-}
-
-code {
-    font-family: Courier, "Courier New", Monaco, Tahoma;
-    background: #eee;
-    color: #333;
-    padding: 0px 2px;
-}
-
-pre {
-    background: #eee;
-    padding: 20px;
-    overflow: auto;
-}
-
-blockquote {
-    font-style: italic;
-    margin-left: 15px;
-    padding-left: 10px;
-    border-left: 5px solid #dddddd;
-}
-
-dd {
-    margin-left: 2em;
-}
-
-/* Structure Styles
-/*---------------------------------------------*/
+html { height: 100%; }
 body {
     display: flex;
     flex-direction: column;
-    min-height: 100vh;
     height: 100%;
 }
-body > * {
-    flex: none;
-    width: 100%;
+main {
+    flex: 1 0 auto;
+    margin: 5em 0 4em;
 }
 
-.inner {
-    width: 100%;
-    max-width: 850px;
+.container {
+    max-width: 47em;
+    padding: 0 0.5em;
     margin: 0 auto;
 }
 
-#header {
-    background: #2EAE9B;
-    padding: 60px 0;
-    margin-bottom: 80px;
-    color: #afe1da;
+.widescreen .container { max-width: 72em; }
+
+main .container {
+    /* very ugly, avoid this whenever possible! */
+    overflow-x: auto;
 }
-#header a {
-    color: #afe1da;
-}
-#header h1 a,
-#header a:hover,
-#header .active a {
-    color: #fff;
-}
-#header h1 {
-    font-weight: bold;
-    margin: 0;
+
+/*** BASIC LAYOUT: HEADER ***/
+
+header { background: #2EAE9B; }
+
+header h1 {
     float: left;
+    font-size: 2rem;
+    margin: 0 1em 1.5em 0;
 }
-#header .menu-icon {
-    display: none;
-    width: 35px;
-    height: 35px;
-    background: #afe1da url(menu-icon.png) center;
+header h1 a, header h1 a:hover { color: #fff; }
+
+header nav {
+    text-align: right;
+    margin: 3em 0;
 }
-#header nav {
-    float: right;
+header nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }
-#header nav a {
-    font-weight: bold;
-    margin-left: 20px;
-}
-#header a:hover#menu-icon {
-    background-color: #444;
-    border-radius: 4px 4px 0 0;
-}
-#header ul {
-    list-style: none;
-}
-#header li {
+header nav ul li {
     display: inline-block;
-    float: left;
+    margin-left: 1em;
+    padding: 0;
+    font-weight: bold;
 }
-#content {
-    flex: 1 0 auto;
+
+header nav a, #page-menu-toggle { color: #afe1da; }
+header nav .active a, header nav a:hover, #page-menu-toggle:hover { color: #fff; }
+
+#page-menu-toggle {
+    display: none;
+    float: right;
+    width: 2em;
+    margin: 0 0 0.5em 1em;
+    font-size: 1.5rem;
+    line-height: 2em;
+    text-align: center;
+    cursor: pointer;
 }
-#footer {
+#page-menu-toggle > * { vertical-align: middle; }
+
+/*** BASIC LAYOUT: FOOTER ***/
+
+footer {
     background: #707070;
-    padding: 60px 0;
-    margin-top: 80px;
     color: #C0C0C0;
 }
-#footer .social {
+
+footer a { color: #ddd; }
+footer a:hover { color: #fff; }
+
+footer p {
+    margin: 3em 0;
+}
+
+footer .social {
     float: right;
     margin: 0 0 0.5em 1em;
-    font-size: 200%;
-}
-#footer a { color: #ddd; }
-#footer a:hover { color: #fff; }
-
-/* Misc Styles
-/*---------------------------------------------*/
-.clearfix:before,
-.clearfix:after {
-    content: " ";
-    display: table;
-}
-.clearfix:after {
-    clear: both;
-}
-.clearfix {
-    *zoom: 1;
+    font-size: 2rem;
 }
 
-/* Media Queries
-/*---------------------------------------------*/
+/*** BASIC LAYOUT: EXTRA SMALL DEVICES ***/
 
-/* Small Devices, Tablets */
-@media only screen and (max-width : 768px) {
-    .inner {
-        width: 85%;
+@media (max-width: 767px) {
+    main { margin: 2em 0 1em; }
+
+    header h1 {
+        float: none;
+        margin: 0.5em 0;
     }
-    .inner img {
-        width:100%;
-    }
-    #header {
-        margin-bottom: 40px;
-    }
-    #header h1 a {
-        font-size:1em;
-    }
-    #header .menu-icon {
-        display:inline-block;
-    }
-    #header nav a { color: #000; }
-    #header nav a:hover { color: #afe1da; }
-    #header nav ul, nav:active ul {
-        display: none;
-        position: absolute;
-        padding: 20px;
-        background: #fff;
-        border: 5px solid #444;
-        right: 2.7em;
-        top: 100px;
-        width: 80%;
-        border-radius: 4px 0 4px 4px;
-        z-index: 9999;
-    }
-    #header nav li {
-        text-align: center;
-        width: 100%;
-        padding: 10px 0;
+
+    header nav {
+        clear: right;
         margin: 0;
     }
-    #header nav:hover ul {
-        display: block;
+    header nav ul {
+        padding-bottom: 1em;
     }
+    header nav ul li {
+        display: block;
+        margin: 0;
+        text-align: center;
+    }
+    header nav ul li a {
+        display: block;
+        padding: 0.5em 0;
+    }
+
+    .js #page-menu-toggle { display: block; }
+
+    footer p { margin: 1em 0; }
 }
 
-/* Extra Small Devices, Phones */
-@media only screen and (max-width : 480px) {
-    .inner {
-        width: 85%;
-    }
-    .inner img {
-        width:100%;
-    }
-    #header {
-        margin-bottom: 30px;
-    }
-    #header h1 a {
-        font-size:1em;
-    }
-    #header .menu-icon {
-        display:inline-block;
-    }
-    #header nav a { color: #000; }
-    #header nav a:hover { color: #afe1da; }
-    #header nav ul, nav:active ul {
-        display: none;
-        position: absolute;
-        padding: 20px;
-        background: #fff;
-        border: 5px solid #444;
-        right: 0em;
-        top: 100px;
-        width: auto;
-        border-radius: 4px 0 4px 4px;
-    }
-    #header nav li {
-        text-align: center;
-        width: 100%;
-        padding: 10px 0;
-        margin: 0;
-    }
-    #header nav:hover ul {
-        display: block;
-    }
+/*** TEXT ***/
+
+a {
+    color: #2EAE9B;
+    text-decoration: none;
+    -webkit-transition: color .2s ease-in;
+            transition: color .2s ease-in;
+}
+a:hover { color: #444; }
+
+h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 0.6em;
+    font-weight: bold;
+    color: #333;
+}
+h1 { font-size: 2rem; }
+h2 { font-size: 1.7rem; }
+h3 { font-size: 1.4rem; }
+h4 { font-size: 1.1rem; }
+h5 { font-size: 1rem; }
+h6 { font-size: 1rem; font-weight: normal; font-style: italic; }
+
+img { max-width: 100%; }
+
+p, td, th, li, dd {
+    text-align: justify;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+}
+
+hr {
+    border: 0.15em solid #f5f5f5;
+    border-radius: 0.3em;
+}
+
+abbr { text-decoration: underline dotted; }
+
+/*** TABLES ***/
+
+table { border-spacing: 0; }
+
+td, th {
+    padding: 0.4em 1em;
+    vertical-align: top;
+}
+th {
+    font-weight: bold;
+    text-align: center;
+    background: #f5f5f5;
+    color: #333;
+}
+
+td, th {                                         border: solid 1px #ccc; }
+tr:not(:last-child) td, tr:not(:last-child) th { border-bottom: 0 none; }
+thead tr:last-child th {                         border-bottom: 0 none; }
+td:not(:last-child), th:not(:last-child) {       border-right: 0 none; }
+
+tr:first-child td:first-child, tr:first-child th:first-child { border-top-left-radius: 0.3em; }
+tr:first-child td:last-child, tr:first-child th:last-child {   border-top-right-radius: 0.3em; }
+tbody tr:last-child td:first-child {                           border-bottom-left-radius: 0.3em; }
+tbody tr:last-child td:last-child {                            border-bottom-right-radius: 0.3em; }
+table thead + tbody tr:first-child td {                        border-radius: 0 !important; }
+
+.table-responsive { overflow-x: auto; }
+
+/*** LISTS ***/
+
+ol, ul {
+    list-style-position: outside;
+    padding-left: 1.5em;
+}
+ol { padding-left: 2.5em; }
+li { padding-left: 0.5em; }
+
+dt { font-weight: bold; }
+dd { margin-left: 2em; }
+
+/*** CODE ***/
+
+code {
+    margin: 0 0.1em;
+    padding: 0.1em 0.2em;
+    border: 1px solid #ccc;
+    border-radius: 0.3em;
+    background: #f5f5f5;
+    font-family: 'Droid Sans Mono', 'Courier New', 'Courier', monospace;
+    font-size: 0.9em;
+}
+
+pre {
+    padding: 0 0.9em;
+    border: 1px solid #ccc;
+    border-radius: 0.3em;
+    background: #f5f5f5;
+    line-height: 1.4;
+}
+pre code {
+    display: block;
+    margin: 0;
+    padding: 1em 0;
+    border: 0 none;
+    background: transparent;
+    overflow-x: auto;
+}
+
+/*** BLOCKQUOTE ***/
+
+blockquote {
+    font-style: italic;
+    margin-left: 1em;
+    padding-left: 1em;
+    border-left: 0.5em solid #f5f5f5;
 }