diff --git a/README.md b/README.md
index 13ff54a..c39a181 100644
--- a/README.md
+++ b/README.md
@@ -5,12 +5,12 @@ A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond. The
 ## Features
 
 * Reset, normalisation and base font/form styles
-* Sass powered - semantically named files all compiled into a single file
+* Sass Boilerplate - semantically named files, organised by folders, all compiled into a single file
 * Semantic use of HTML5 elements, includes Google HTML5 shiv
 * WAI-ARIA role ready
 * Comes pre-bundled with cached CDN version of jQuery
 * jQuery plugin agnostic
-* Browserify for modular JavaScript in the browser, stop those spaghetti files!
+* Laravel Elixir to define/customize and run basic Gulp tasks
 * Basic index.php Loop template
 * Customised functions.php adding theme support for high customisation
 * Minimised HTTP requests for high Web Performance
@@ -19,10 +19,13 @@ A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond. The
 
 ## Installation
 
-Run the following commands to include barebones and all it's submodules:
+Run the following commands to include barebones:
 
     git clone https://github.com/benchmarkstudios/barebones
     cd barebones
+
+To include all its optional submodules ([Simple Grid](https://github.com/pdcreis/simple-grid) included):
+
     git submodule init
     git submodule update
 
@@ -34,15 +37,19 @@ Run the following commands to include barebones and all it's submodules:
 
 * [LiveReload Chrome plugin](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei)
 
-Clone/download the barebones repositories into your WordPress /wp-content/themes/ directory and run the following to install all of this project's Grunt dependencies:
+Clone/download the barebones repositories into your WordPress /wp-content/themes/ directory and run the following to install all [Laravel Elixir](http://laravel.com/docs/master/elixir) dependencies:
 
     npm install
 
+Edit your gulpfile.js adding the required tasks (check the [Laravel Elixir](http://laravel.com/docs/master/elixir) documentation for further information and more tasks).
+
 Then run:
 
-    npm run watch
+    gulp *to compile*
+	gulp watch *to watch*
+	gulp --production *to minify*
 
-This will execute the default tasks: compiling sass/js and spawning the file watcher.
+This will execute all the Gulp tasks on the gulpfile.js.
 
 ## WordPress Support
 
diff --git a/assets/sass/.DS_Store b/assets/sass/.DS_Store
new file mode 100644
index 0000000..fcc4cd6
Binary files /dev/null and b/assets/sass/.DS_Store differ
diff --git a/assets/sass/barebones.scss b/assets/sass/barebones.scss
new file mode 100755
index 0000000..46b6a3b
--- /dev/null
+++ b/assets/sass/barebones.scss
@@ -0,0 +1,46 @@
+/**
+Theme Name: Barebones
+Theme URI: http://github.com/benchmarkstudios/barebones
+Author: Benchmark
+*/
+
+@charset 'UTF-8';
+
+// 1. Configuration
+@import 
+    'config/variables',
+    'config/mixins';
+
+// 2. Vendors
+@import
+    'vendor/simple-grid/simple-grid';
+
+// 3. Utilities
+@import
+    'utils/reset',
+    'utils/a11y',
+    'utils/responsive',
+    'utils/helpers';
+
+// 4. Base stuff
+@import
+    'base/base',
+    'base/fonts',
+    'base/images',
+    'base/forms',
+    'base/typography';
+
+// 5. Layout-related sections
+@import
+    'layout/main',
+    'layout/header',
+    'layout/footer';
+
+// 6. Components
+@import
+    'components/buttons',
+    'components/nav';
+
+// 7. Page-specific styles
+@import
+    'pages/home';
\ No newline at end of file
diff --git a/assets/sass/base/_base.scss b/assets/sass/base/_base.scss
new file mode 100644
index 0000000..a27015d
--- /dev/null
+++ b/assets/sass/base/_base.scss
@@ -0,0 +1,35 @@
+body {
+    color: $base-colour;
+    font-family: $base-font-stack;
+    @include font-size($base-font-size);
+    line-height: $base-line-height;
+}
+
+h1, 
+h2, 
+h3, 
+h4, 
+h5, 
+h6, 
+p, 
+hr, 
+ul, 
+ol,
+dl,
+address {
+    margin-bottom: $base-spacing-unit;
+}
+
+
+/**
+ * Basic styles for links
+ */
+
+a {
+    color: $brand-color;
+    text-decoration: none;
+    &:hover {
+        color: $text-color;
+        text-decoration: underline;
+    }
+}
\ No newline at end of file
diff --git a/assets/sass/base/_fonts.scss b/assets/sass/base/_fonts.scss
new file mode 100644
index 0000000..aba59cf
--- /dev/null
+++ b/assets/sass/base/_fonts.scss
@@ -0,0 +1,3 @@
+// -----------------------------------------------------------------------------
+// This file contains all @font-face declarations, if any.
+// -----------------------------------------------------------------------------
\ No newline at end of file
diff --git a/assets/scss/base/_forms.scss b/assets/sass/base/_forms.scss
similarity index 100%
rename from assets/scss/base/_forms.scss
rename to assets/sass/base/_forms.scss
diff --git a/assets/sass/base/_images.scss b/assets/sass/base/_images.scss
new file mode 100644
index 0000000..0d15998
--- /dev/null
+++ b/assets/sass/base/_images.scss
@@ -0,0 +1,8 @@
+img {
+    max-width: 100%;
+    vertical-align: top;
+    &[width],
+    &[height] {
+        max-width: none;
+    }
+}
diff --git a/assets/sass/base/_lists.scss b/assets/sass/base/_lists.scss
new file mode 100644
index 0000000..2fccb74
--- /dev/null
+++ b/assets/sass/base/_lists.scss
@@ -0,0 +1,16 @@
+ul, 
+ol {
+    margin-left: $base-spacing-unit;
+}
+
+li {
+    > ul, 
+    > ol {
+        margin-bottom: 0;
+    }
+}
+
+.list--unstyled {
+  list-style: none;
+  margin-left: 0;
+}
\ No newline at end of file
diff --git a/assets/scss/base/_headings.scss b/assets/sass/base/_typography.scss
similarity index 100%
rename from assets/scss/base/_headings.scss
rename to assets/sass/base/_typography.scss
diff --git a/assets/scss/utilities/_mixins.scss b/assets/sass/config/_mixins.scss
similarity index 100%
rename from assets/scss/utilities/_mixins.scss
rename to assets/sass/config/_mixins.scss
diff --git a/assets/scss/utilities/_variables.scss b/assets/sass/config/_variables.scss
similarity index 100%
rename from assets/scss/utilities/_variables.scss
rename to assets/sass/config/_variables.scss
diff --git a/assets/scss/layout/_footer.scss b/assets/sass/layout/_footer.scss
similarity index 100%
rename from assets/scss/layout/_footer.scss
rename to assets/sass/layout/_footer.scss
diff --git a/assets/scss/layout/_header.scss b/assets/sass/layout/_header.scss
similarity index 100%
rename from assets/scss/layout/_header.scss
rename to assets/sass/layout/_header.scss
diff --git a/assets/scss/layout/_main.scss b/assets/sass/layout/_main.scss
similarity index 100%
rename from assets/scss/layout/_main.scss
rename to assets/sass/layout/_main.scss
diff --git a/assets/scss/modules/_buttons.scss b/assets/sass/modules/_buttons.scss
similarity index 100%
rename from assets/scss/modules/_buttons.scss
rename to assets/sass/modules/_buttons.scss
diff --git a/assets/scss/modules/_nav.scss b/assets/sass/modules/_nav.scss
similarity index 100%
rename from assets/scss/modules/_nav.scss
rename to assets/sass/modules/_nav.scss
diff --git a/assets/scss/pages/_home.scss b/assets/sass/pages/_home.scss
similarity index 100%
rename from assets/scss/pages/_home.scss
rename to assets/sass/pages/_home.scss
diff --git a/assets/scss/.DS_Store b/assets/sass/utilities/.DS_Store
similarity index 100%
rename from assets/scss/.DS_Store
rename to assets/sass/utilities/.DS_Store
diff --git a/assets/scss/utilities/_a11y.scss b/assets/sass/utilities/_a11y.scss
similarity index 100%
rename from assets/scss/utilities/_a11y.scss
rename to assets/sass/utilities/_a11y.scss
diff --git a/assets/scss/utilities/_wordpress.scss b/assets/sass/utilities/_helpers.scss
similarity index 100%
rename from assets/scss/utilities/_wordpress.scss
rename to assets/sass/utilities/_helpers.scss
diff --git a/assets/scss/utilities/_reset.scss b/assets/sass/utilities/_reset.scss
similarity index 100%
rename from assets/scss/utilities/_reset.scss
rename to assets/sass/utilities/_reset.scss
diff --git a/assets/sass/utilities/_responsive.scss b/assets/sass/utilities/_responsive.scss
new file mode 100644
index 0000000..2e3b870
--- /dev/null
+++ b/assets/sass/utilities/_responsive.scss
@@ -0,0 +1,18 @@
+@each $breakpoint in $breakpoints {
+
+    $key   : nth($breakpoint, 1);
+    $value : nth($breakpoint, 2);
+
+    .visible-#{$key} {
+        @media only screen and #{$value} {
+            display: block !important;
+        }
+    }
+
+    .hidden-#{$key} {
+        @media only screen and #{$value} {
+            display: none !important;
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/assets/scss/vendor/simple-grid b/assets/sass/vendor/simple-grid
similarity index 100%
rename from assets/scss/vendor/simple-grid
rename to assets/sass/vendor/simple-grid
diff --git a/assets/scss/barebones.scss b/assets/scss/barebones.scss
deleted file mode 100755
index 2530538..0000000
--- a/assets/scss/barebones.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
-Theme Name: Bare Bones
-Theme URI: http://github.com/benchmarkstudios/barebones
-Author: Benchmark
-*/
-
-// 1. Vendors
-@import
-    'vendor/simple-grid/simple-grid';
-
-// 2. Configuration and helpers
-@import
-    'utilities/variables',
-    'utilities/mixins',
-    'utilities/reset',
-    'utilities/a11y',
-    'utilities/responsive',
-    'utilities/wordpress';
-
-// 3. Base stuff
-@import
-    'base/shared',
-    'base/images',
-    'base/forms',
-    'base/lists',
-    'base/headings',
-    'base/links';
-
-// 4. Layout-related sections
-@import
-    'layout/main',
-    'layout/header',
-    'layout/footer';
-
-// 5. Components
-@import
-    'modules/buttons',
-    'modules/nav';
-
-// 6. Page-specific styles
-@import
-    'pages/home';
\ No newline at end of file
diff --git a/assets/scss/base/_images.scss b/assets/scss/base/_images.scss
deleted file mode 100644
index 2cc9b27..0000000
--- a/assets/scss/base/_images.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-img {
-  max-width: 100%;
-  vertical-align: top;
-  &[width],
-  &[height] {
-    max-width: none;
-  }
-}
diff --git a/assets/scss/base/_links.scss b/assets/scss/base/_links.scss
deleted file mode 100644
index 68e3e7d..0000000
--- a/assets/scss/base/_links.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-a {
-  color: inherit;
-  text-decoration: none;
-}
\ No newline at end of file
diff --git a/assets/scss/base/_lists.scss b/assets/scss/base/_lists.scss
deleted file mode 100644
index f861912..0000000
--- a/assets/scss/base/_lists.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-ul, 
-ol {
-  margin-left: $base-spacing-unit;
-}
-
-li {
-  > ul, 
-  > ol {
-    margin-bottom: 0;
-  }
-}
-
-.list-unstyled {
-  list-style: none;
-  margin-left: 0;
-}
\ No newline at end of file
diff --git a/assets/scss/base/_shared.scss b/assets/scss/base/_shared.scss
deleted file mode 100644
index 784779f..0000000
--- a/assets/scss/base/_shared.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-body {
-  color: $base-colour;
-  font-family: $base-font-stack;
-  @include font-size($base-font-size);
-  line-height: $base-line-height;
-}
-
-h1, 
-h2, 
-h3, 
-h4, 
-h5, 
-h6, 
-p, 
-hr, 
-ul, 
-ol,
-dl,
-address {
-  margin-bottom: $base-spacing-unit;
-}
\ No newline at end of file
diff --git a/assets/scss/utilities/_responsive.scss b/assets/scss/utilities/_responsive.scss
deleted file mode 100644
index 55fdbd9..0000000
--- a/assets/scss/utilities/_responsive.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@each $breakpoint in $breakpoints {
-
-  $key   : nth($breakpoint, 1);
-  $value : nth($breakpoint, 2);
-
-  .visible-#{$key} {
-    @media only screen and #{$value} {
-      display: block !important;
-    }
-  }
-
-  .hidden-#{$key} {
-    @media only screen and #{$value} {
-      display: none !important;
-    }
-  }
-
-}
\ No newline at end of file
diff --git a/footer.php b/footer.php
index 1973eeb..229785d 100755
--- a/footer.php
+++ b/footer.php
@@ -1,9 +1,9 @@
-    <footer class="footer" role="contentinfo">
-      <div class="container">
-        <?php wp_nav_menu( array( 'theme_location' => 'footer' ) ); ?>
-        &copy; <?php bloginfo( 'name' ); ?> <?php echo date( 'Y' ); ?>
-      </div>
-    </footer>
-    <?php wp_footer(); ?>
-  </body>
+        <footer class="footer" role="contentinfo">
+            <div class="container">
+                <?php wp_nav_menu(['theme_location' => 'footer' ]); ?>
+                &copy; <?php bloginfo( 'name' ); ?> <?php echo date( 'Y' ); ?>
+            </div>
+        </footer>
+        <?php wp_footer(); ?>
+    </body>
 </html>
\ No newline at end of file
diff --git a/functions.php b/functions.php
index 9ea924e..17cb147 100644
--- a/functions.php
+++ b/functions.php
@@ -5,12 +5,13 @@
  */
 
 add_theme_support( 'post-thumbnails' );
-add_theme_support( 'post-formats', array( 'post' ) ); 
+add_theme_support( 'post-formats', ['post'] ); 
 add_theme_support( 'custom-header' );
 add_theme_support( 'custom-background' );
 add_post_type_support( 'page', 'excerpt' );
 
 
+
 /**
  * Remove junk
  */
@@ -37,6 +38,7 @@ function barebones_remove_comments_rss( $for_comments ) {
 add_filter( 'post_comments_feed_link', 'barebones_remove_comments_rss' );
 
 
+
 /**
  * jQuery the right way
  */
@@ -46,100 +48,117 @@ function barebones_scripts() {
    * For IE8 to play nice, you'll need to include your CSS here, for example:
    */
   // wp_enqueue_style( 'fonts', '//fonts.googleapis.com/css?family=Font+Family' );
+  // wp_enqueue_style( 'icons', '//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' );
   wp_deregister_script( 'jquery' );
-  wp_register_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', false, '1.11.2', true );
+  wp_register_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js', false, '2.1.4', true );
   wp_enqueue_script( 'jquery' );
-  wp_enqueue_script( 'script', get_stylesheet_directory_uri() . '/js/script.min.js', array( 'jquery' ), null, true );
+  wp_enqueue_script( 'script', get_stylesheet_directory_uri() . '/js/scripts.min.js', ['jquery'], null, true );
 }
 
 add_action( 'wp_enqueue_scripts', 'barebones_scripts' );
 
 
+
 /**
  * Nav menus
  */
 
 if ( function_exists( 'register_nav_menus' ) ) {
-  register_nav_menus(array(
-    'header' => 'Header',
-    'footer' => 'Footer'
-  ));
+    register_nav_menus([
+        'header' => 'Header',
+        'footer' => 'Footer'
+    ]);
 }
 
 function barebones_nav_menu_args( $args = '' ) {
-  $args['container']       = false;
-  $args['container_class'] = false;
-  $args['menu_id']         = false;
-  $args['items_wrap']      = '<ul class="%2$s">%3$s</ul>';
-  return $args;
+    $args['container']       = false;
+    $args['container_class'] = false;
+    $args['menu_id']         = false;
+    $args['items_wrap']      = '<ul class="%2$s">%3$s</ul>';
+    return $args;
 }
 
 add_filter( 'wp_nav_menu_args', 'barebones_nav_menu_args' );
 
 
+
 /**
  * Email
  */
 
 function barebones_mail_from( $email ) {
-  return get_option( 'admin_email' );
+    return get_option( 'admin_email' );
 }
 
 add_filter( 'wp_mail_from', 'barebones_mail_from' );
 
+
 function barebones_mail_from_name( $name ) {
-  return get_bloginfo( 'name' );
+    return get_bloginfo( 'name' );
 }
 
 add_filter( 'wp_mail_from_name', 'barebones_mail_from_name' );
 
 
+
 /**
  * Shortcodes ([button] shortcode included)
  */
 
 function button_shortcode( $atts, $content = null ) {
-  return '<a class="btn" href="' . $atts['link'] . '">' . $content . '</a>';
+    $atts['class']  = $atts['class'] ? $atts['class'] : 'btn';
+    return '<a class="' . $atts['class'] . '" href="' . $atts['link'] . '">' . $content . '</a>';
 }
 
 add_shortcode( 'button', 'button_shortcode' );
 
 
+
 /**
  * TinyMCE
  */
 
 function barebones_mce_buttons_2( $buttons ) {
-  array_unshift( $buttons, 'styleselect' );
-  $buttons[] = 'hr';
-  return $buttons;
+    array_unshift( $buttons, 'styleselect' );
+    $buttons[] = 'hr';
+    return $buttons;
 }
 
 add_filter( 'mce_buttons_2', 'barebones_mce_buttons_2' );
 
+
 function barebones_tiny_mce_before_init( $settings ) {
-  $style_formats = array(
-    /* 
-     * Example 
-     *
-    array(
-      'title'    => '',
-      'selector' => '',
-      'classes'  => ''
-    ) */
-  );
-  $settings['style_formats'] = json_encode( $style_formats );
-  return $settings;
+    $style_formats = [
+        /* 
+         * Example 
+         *
+        [
+          'title'    => '',
+          'selector' => '',
+          'classes'  => ''
+        ] */
+    ];
+    $settings['style_formats'] = json_encode( $style_formats );
+    return $settings;
 }
 
 add_filter( 'tiny_mce_before_init', 'barebones_tiny_mce_before_init' );
 
 
+
 /**
  * Get image URL for whatever size.
  */
 
 function wp_get_attachment_image_url( $id, $size = 'full', $attrs = []) {
-  $image = wp_get_attachment_image_src( $id, $size, $attrs );
-  return $image[0];
+    $image = wp_get_attachment_image_src( $id, $size, $attrs );
+    return $image[0];
 }
+
+
+
+/**
+ * Custom functions / External files
+ */
+
+require_once( 'functions/example.php' );
\ No newline at end of file
diff --git a/functions/example.php b/functions/example.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/functions/example.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..c11adcf
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,10 @@
+var elixir = require('laravel-elixir');
+
+// The assets path
+elixir.config.assetsPath = 'assets';
+
+// Run elixir tasks
+elixir(function(mix) {
+    mix.sass('barebones.scss', 'styles.css')
+       .scripts(['script.js'], 'js/scripts.min.js');
+});
\ No newline at end of file
diff --git a/header.php b/header.php
index eedc080..799fd1e 100755
--- a/header.php
+++ b/header.php
@@ -1,29 +1,28 @@
 <!DOCTYPE html>
 <html <?php language_attributes(); ?>>
-  <head>
-    <meta charset="<?php bloginfo( 'charset' ); ?>">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
-    <title><?php wp_title( '' ); ?></title>
-    <link rel="dns-prefetch" href="//google-analytics.com">
-    <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>">
-    <link rel="shortcut icon" href="/favicon.ico">
-    <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/img/favicon.png">
-    <?php wp_head(); ?>
-    <!--[if lt IE 10]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
-    <![endif]-->
-    <!--[if lt IE 9]>
-    <script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
-    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
-    <![endif]-->
-  </head>
-  <body <?php body_class(); ?>>
-     <header class="header" role="banner">
-      <div class="container">
-        <nav role="navigation">
-          <?php wp_nav_menu( array( 'theme_location' => 'header' ) ); ?>
-        </nav>
-      </div>
-    </header>
\ No newline at end of file
+    <head>
+        <meta charset="<?php bloginfo( 'charset' ); ?>">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
+        <title><?php wp_title( '' ); ?></title>
+        <link rel="dns-prefetch" href="//google-analytics.com">
+        <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>">
+        <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/img/favicon.png">
+        <?php wp_head(); ?>
+        <!--[if lt IE 10]>
+        <script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
+        <![endif]-->
+        <!--[if lt IE 9]>
+        <script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
+        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+        <script src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
+        <![endif]-->
+    </head>
+    <body <?php body_class(); ?>>
+        <header class="header" role="banner">
+            <div class="container">
+                <nav role="navigation">
+                    <?php wp_nav_menu(['theme_location' => 'header', 'menu_class' => 'nav nav--header']); ?>
+                </nav>
+            </div>
+        </header>
\ No newline at end of file
diff --git a/index.php b/index.php
index fe8ccd6..41571b3 100755
--- a/index.php
+++ b/index.php
@@ -1,25 +1,25 @@
 <?php get_header(); ?>
 
 <main class="main" role="main">
-  <div class="container">
+    <div class="container">
 
-  <?php while ( have_posts() ) : the_post(); ?>
+        <?php while ( have_posts() ) : the_post(); ?>
 
-  <article <?php post_class(); ?>>
+            <article <?php post_class(); ?>>
 
-    <header role="heading">
-      <h3 class="post__title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
-      <p class="post__date"><time><?php echo human_time_diff( strtotime( $post->post_date ) ) . ' ' . __( 'ago' ); ?></time></p>
-      <p class="post__comments"><?php comments_popup_link( __( 'No comments yet' ), __( '1 comment' ), __( '% comments' ) ); ?></p>
-    </header>
+                <header role="heading">
+                    <h3 class="post__title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
+                    <p class="post__date"><time><?php echo human_time_diff( strtotime( $post->post_date ) ) . ' ' . __( 'ago' ); ?></time></p>
+                    <p class="post__comments"><?php comments_popup_link( __( 'No comments yet' ), __( '1 comment' ), __( '% comments' ) ); ?></p>
+                </header>
 
-    <?php the_content( __( 'Read More' ) ); ?>
+                <?php the_content( __( 'Read More' ) ); ?>
 
-  </article>
+            </article>
 
-  <?php endwhile; ?>
+        <?php endwhile; ?>
 
-  </div>
+    </div>
 </main>
 
 <?php get_footer(); ?>
\ No newline at end of file
diff --git a/js/script.min.js b/js/script.min.js
deleted file mode 100644
index 7cefdc7..0000000
--- a/js/script.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a="function"==typeof require&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}for(var i="function"==typeof require&&require,o=0;o<r.length;o++)s(r[o]);return s}({1:[function(require,module,exports){!function(){}($)},{}]},{},[1]);
\ No newline at end of file
diff --git a/package.json b/package.json
index 2aaa6ce..fef389a 100755
--- a/package.json
+++ b/package.json
@@ -1,44 +1,9 @@
 {
-  "name": "barebones",
-  "description": "A lightweight, skeletal, responsive WordPress boilerplate theme for HTML5 and beyond.",
-  "version": "2.0.0",
-  "license": "MIT",
-  "author": {
-    "name": "Benchmark",
-    "email": "hello@benchmark.co.uk",
-    "url": "http://www.benchmark.co.uk"
-  },
-  "repository": {
-    "type": "git",
-    "url": "benchmarkstudios/barebones"
-  },
-  "scripts": {
-    "compile-sass": "node-sass --output-style=compressed assets/scss/barebones.scss style.css",
-    "autoprefix-sass": "autoprefixer -b 'last 10 versions' style.css",
-    "process-sass": "npm run compile-sass && npm run autoprefix-sass",
-    "watch-sass": "fsmonitor -d 'assets/scss' -s '+*.scss' npm run process-sass",
-    "browserify-js": "browserify assets/js/script.js -o js/script.min.js",
-    "uglify-js": "uglifyjs js/script.min.js -o js/script.min.js -c",
-    "process-js": "npm run browserify-js && npm run uglify-js",
-    "watch-js": "fsmonitor -d 'assets/js' -s '+*.js' npm run process-js",
-    "watch": "livereload & npm run watch-sass & npm run watch-js"
-  },
-  "browserify": {
-    "transform": [
-      "browserify-global-shim"
-    ]
-  },
-  "browserify-global-shim": {
-      "jquery": "$"
-  },
-  "devDependencies": {
-    "browserify": "~9.0.4",
-    "browserify-shim": "~3.8.3",
-    "uglify-js": "~2.4.19",
-    "autoprefixer": "~5.1.0",
-    "node-sass": "~2.1.1",
-    "fsmonitor": "~0.2.4",
-    "livereload": "~0.3.6",
-    "browserify-global-shim": "~1.0.0"
-  }
-}
+    "private": true,
+    "devDependencies": {
+      "gulp": "^3.8.8"
+    },
+    "dependencies": {
+      "laravel-elixir": "^3.3.1"
+    }
+}
\ No newline at end of file
diff --git a/script.min.js b/script.min.js
new file mode 100644
index 0000000..8191aa5
--- /dev/null
+++ b/script.min.js
@@ -0,0 +1,8 @@
+// var $ = require('jquery');
+
+(function() {
+
+  
+
+})($);
+//# sourceMappingURL=script.min.js.map
diff --git a/script.min.js.map b/script.min.js.map
new file mode 100644
index 0000000..262b6d3
--- /dev/null
+++ b/script.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["script.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","file":"script.min.js","sourcesContent":["// var $ = require('jquery');\n\n(function() {\n\n  \n\n})($);"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/style.css b/style.css
old mode 100644
new mode 100755
index ac7a060..a491bf8
--- a/style.css
+++ b/style.css
@@ -1 +1,572 @@
-.container{max-width:1240px;margin:0 auto;padding:0 20px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.row{list-style:none;margin-left:-20px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.row--gutterless{margin-left:0}.col{float:left;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.row--gutterless .col{padding-left:0}@media only screen and (min-width: 1200px){.col--lg-offset-0{margin-left:0%}.col--lg-1{width:8.33333%}.col--lg-offset-1{margin-left:8.33333%}.col--lg-2{width:16.66667%}.col--lg-offset-2{margin-left:16.66667%}.col--lg-3{width:25%}.col--lg-offset-3{margin-left:25%}.col--lg-4{width:33.33333%}.col--lg-offset-4{margin-left:33.33333%}.col--lg-5{width:41.66667%}.col--lg-offset-5{margin-left:41.66667%}.col--lg-6{width:50%}.col--lg-offset-6{margin-left:50%}.col--lg-7{width:58.33333%}.col--lg-offset-7{margin-left:58.33333%}.col--lg-8{width:66.66667%}.col--lg-offset-8{margin-left:66.66667%}.col--lg-9{width:75%}.col--lg-offset-9{margin-left:75%}.col--lg-10{width:83.33333%}.col--lg-offset-10{margin-left:83.33333%}.col--lg-11{width:91.66667%}.col--lg-offset-11{margin-left:91.66667%}.col--lg-12{width:100%}.col--lg-offset-12{margin-left:100%}}@media only screen and (min-width: 992px) and (max-width: 1199px){.col--md-offset-0{margin-left:0%}.col--md-1{width:8.33333%}.col--md-offset-1{margin-left:8.33333%}.col--md-2{width:16.66667%}.col--md-offset-2{margin-left:16.66667%}.col--md-3{width:25%}.col--md-offset-3{margin-left:25%}.col--md-4{width:33.33333%}.col--md-offset-4{margin-left:33.33333%}.col--md-5{width:41.66667%}.col--md-offset-5{margin-left:41.66667%}.col--md-6{width:50%}.col--md-offset-6{margin-left:50%}.col--md-7{width:58.33333%}.col--md-offset-7{margin-left:58.33333%}.col--md-8{width:66.66667%}.col--md-offset-8{margin-left:66.66667%}.col--md-9{width:75%}.col--md-offset-9{margin-left:75%}.col--md-10{width:83.33333%}.col--md-offset-10{margin-left:83.33333%}.col--md-11{width:91.66667%}.col--md-offset-11{margin-left:91.66667%}.col--md-12{width:100%}.col--md-offset-12{margin-left:100%}}@media only screen and (min-width: 768px) and (max-width:991px){.col--sm-offset-0{margin-left:0%}.col--sm-1{width:8.33333%}.col--sm-offset-1{margin-left:8.33333%}.col--sm-2{width:16.66667%}.col--sm-offset-2{margin-left:16.66667%}.col--sm-3{width:25%}.col--sm-offset-3{margin-left:25%}.col--sm-4{width:33.33333%}.col--sm-offset-4{margin-left:33.33333%}.col--sm-5{width:41.66667%}.col--sm-offset-5{margin-left:41.66667%}.col--sm-6{width:50%}.col--sm-offset-6{margin-left:50%}.col--sm-7{width:58.33333%}.col--sm-offset-7{margin-left:58.33333%}.col--sm-8{width:66.66667%}.col--sm-offset-8{margin-left:66.66667%}.col--sm-9{width:75%}.col--sm-offset-9{margin-left:75%}.col--sm-10{width:83.33333%}.col--sm-offset-10{margin-left:83.33333%}.col--sm-11{width:91.66667%}.col--sm-offset-11{margin-left:91.66667%}.col--sm-12{width:100%}.col--sm-offset-12{margin-left:100%}}@media only screen and (max-width: 767px){.col--xs-offset-0{margin-left:0%}.col--xs-1{width:8.33333%}.col--xs-offset-1{margin-left:8.33333%}.col--xs-2{width:16.66667%}.col--xs-offset-2{margin-left:16.66667%}.col--xs-3{width:25%}.col--xs-offset-3{margin-left:25%}.col--xs-4{width:33.33333%}.col--xs-offset-4{margin-left:33.33333%}.col--xs-5{width:41.66667%}.col--xs-offset-5{margin-left:41.66667%}.col--xs-6{width:50%}.col--xs-offset-6{margin-left:50%}.col--xs-7{width:58.33333%}.col--xs-offset-7{margin-left:58.33333%}.col--xs-8{width:66.66667%}.col--xs-offset-8{margin-left:66.66667%}.col--xs-9{width:75%}.col--xs-offset-9{margin-left:75%}.col--xs-10{width:83.33333%}.col--xs-offset-10{margin-left:83.33333%}.col--xs-11{width:91.66667%}.col--xs-offset-11{margin-left:91.66667%}.col--xs-12{width:100%}.col--xs-offset-12{margin-left:100%}}*{background-color:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;font:inherit;margin:0;padding:0}html{background-color:white;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}input,select,textarea,button{color:inherit;display:inline-block}input[disabled],select[disabled],textarea[disabled],button[disabled]{cursor:not-allowed}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}table th,table td{text-align:left}.sr-only{font-size:0;height:0;overflow:hidden;position:absolute;width:0}@media only screen and (min-width: 1200px){.visible-lg{display:block !important;}}@media only screen and (min-width: 1200px){.hidden-lg{display:none !important;}}@media only screen and (min-width: 992px) and (max-width: 1199px){.visible-md{display:block !important;}}@media only screen and (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important;}}@media only screen and (min-width: 768px) and (max-width:991px){.visible-sm{display:block !important;}}@media only screen and (min-width: 768px) and (max-width:991px){.hidden-sm{display:none !important;}}@media only screen and (max-width: 767px){.visible-xs{display:block !important;}}@media only screen and (max-width: 767px){.hidden-xs{display:none !important;}}.alignleft{float:left}img.alignleft{margin-right:24px}.alignright{float:right}img.alignright{margin-left:24px}.aligncenter{display:block;margin-left:auto;margin-right:auto}img.aligncenter{margin-bottom:24px}body{color:#444;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6,p,hr,ul,ol,dl,address{margin-bottom:24px}img{max-width:100%}img[width],img[height]{max-width:none}input,select,textarea{background-color:#fff;border:solid 1px #444;-webkit-border-radius:0;border-radius:0;color:#444;line-height:36px;height:36px;padding:0 12px;width:100%}input[type="checkbox"],input[type="radio"]{background:transparent;border:0;line-height:normal;height:auto;width:auto}input[type="file"]{line-height:normal;height:auto;padding:6px 12px}input[disabled]{background-color:whitesmoke;cursor:not-allowed}select{line-height:normal;padding:0;padding-left:12px}textarea{min-height:96px;overflow:auto}.form--inline .form__group{display:inline-block}.checkbox,.radio{display:block;padding-left:24px}.checkbox.inline,.radio.inline{display:inline-block}.checkbox>input,.radio>input{float:left;margin-left:-24px;margin-top:4px}.form__group{display:block;margin-bottom:24px}.form__label{display:block;margin-bottom:12px}.input-group{position:relative}.input-group>input{padding:0 48px}.input-group .input-group__addon{line-height:36px;height:36px;position:absolute;text-align:center;top:0;width:36px}.input-group .input-group__addon:first-child{left:0}.input-group .input-group__addon:last-child{right:0}ul,ol{margin-left:24px}li>ul,li>ol{margin-bottom:0}.list-unstyled{list-style:none;margin-left:0}h1,h2,h3,h4,h5,h6{font-weight:bold}a{color:inherit;text-decoration:none}.btn{background-color:#444;color:#fff;display:inline-block;height:36px;line-height:36px;padding:0 24px;text-align:center;width:auto}.btn::-moz-focus-inner{border:0;padding:0}.btn--block{display:block;width:100%}.btn--link{background-color:transparent;color:#444}.nav{list-style:none;margin:0}.nav>li{display:inline-block;margin-right:24px}.nav>li:last-child{margin-right:0}.nav>li>a{display:block}
\ No newline at end of file
+/**
+Theme Name: Bare Bones
+Theme URI: http://github.com/benchmarkstudios/barebones
+Author: Benchmark
+*/
+/**
+ * Custom variables
+ */
+/**
+ * Base values
+ */
+/**
+ * Breakpoints
+ */
+/**
+ * Grid
+ */
+/*
+ * Media query to respond to a minimum size (mobile first)
+ */
+/*
+ * Media query to respond to a maximum size
+ */
+/*
+ * Output font size in px/rem
+ */
+/*
+ * Placeholder mixin for <input>
+ */
+/**
+ * Clearfix
+ */
+* {
+  background-color: transparent;
+  border: 0;
+  box-sizing: border-box;
+  font: inherit;
+  margin: 0;
+  padding: 0; }
+
+html {
+  background-color: white;
+  font-size: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  text-rendering: optimizeLegibility; }
+
+input,
+select,
+textarea,
+button {
+  color: inherit;
+  display: inline-block; }
+  input[disabled],
+  select[disabled],
+  textarea[disabled],
+  button[disabled] {
+    cursor: not-allowed; }
+
+button {
+  cursor: pointer; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+  table th,
+  table td {
+    text-align: left; }
+
+.sr-only {
+  font-size: 0;
+  height: 0;
+  overflow: hidden;
+  position: absolute;
+  width: 0; }
+
+@media only screen and (min-width: 1200px) {
+  .visible-lg {
+    display: block !important; } }
+
+@media only screen and (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important; } }
+
+@media only screen and (max-width: 767px) {
+  .visible-xs {
+    display: block !important; } }
+
+@media only screen and (max-width: 767px) {
+  .hidden-xs {
+    display: none !important; } }
+
+.alignleft {
+  float: left; }
+
+img.alignleft {
+  margin-right: 24px; }
+
+.alignright {
+  float: right; }
+
+img.alignright {
+  margin-left: 24px; }
+
+.aligncenter {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+img.aligncenter {
+  margin-bottom: 24px; }
+
+body {
+  color: #444;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  font-size: 1rem;
+  line-height: 1.5; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+hr,
+ul,
+ol,
+dl,
+address {
+  margin-bottom: 24px; }
+
+img {
+  max-width: 100%;
+  vertical-align: top; }
+  img[width],
+  img[height] {
+    max-width: none; }
+
+/**
+ * Blanket input styles for normalisation
+ */
+input,
+select,
+textarea {
+  background-color: #fff;
+  border: solid 1px #444;
+  border-radius: 0;
+  color: #444;
+  line-height: 36px;
+  height: 36px;
+  padding: 0 12px;
+  width: 100%; }
+
+input[type="checkbox"],
+input[type="radio"] {
+  background: transparent;
+  border: 0;
+  line-height: normal;
+  height: auto;
+  width: auto; }
+
+input[type="file"] {
+  line-height: normal;
+  height: auto;
+  padding: 6px 12px; }
+
+input[disabled] {
+  background-color: whitesmoke;
+  cursor: not-allowed; }
+
+select {
+  line-height: normal;
+  padding: 0;
+  padding-left: 12px; }
+
+textarea {
+  min-height: 96px;
+  overflow: auto;
+  vertical-align: top; }
+
+/**
+ * Form utility classes
+ */
+.form--inline .form__group {
+  display: inline-block; }
+
+.checkbox,
+.radio {
+  display: block;
+  padding-left: 24px; }
+  .checkbox.inline,
+  .radio.inline {
+    display: inline-block; }
+  .checkbox > input,
+  .radio > input {
+    float: left;
+    margin-left: -24px;
+    margin-top: 4px; }
+
+.form__group {
+  display: block;
+  margin-bottom: 24px; }
+
+.form__label {
+  display: block;
+  margin-bottom: 12px; }
+
+/**
+ * Input Group
+ *
+ * Allows for prepend/append of elements 
+ * (such as icons) on an input.
+ */
+.input-group {
+  position: relative; }
+  .input-group > input {
+    padding: 0 48px; }
+  .input-group .input-group__addon {
+    line-height: 36px;
+    height: 36px;
+    position: absolute;
+    text-align: center;
+    top: 0;
+    width: 36px; }
+    .input-group .input-group__addon:first-child {
+      left: 0; }
+    .input-group .input-group__addon:last-child {
+      right: 0; }
+
+ul,
+ol {
+  margin-left: 24px; }
+
+li > ul,
+li > ol {
+  margin-bottom: 0; }
+
+.list-unstyled {
+  list-style: none;
+  margin-left: 0; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold; }
+
+a {
+  color: inherit;
+  text-decoration: none; }
+
+.btn {
+  background-color: #444;
+  color: #fff;
+  display: inline-block;
+  height: 36px;
+  line-height: 36px;
+  padding: 0 24px;
+  text-align: center;
+  width: auto; }
+  .btn::-moz-focus-inner {
+    border: 0;
+    padding: 0; }
+
+.btn--block {
+  display: block;
+  width: 100%; }
+
+.btn--link {
+  background-color: transparent;
+  color: #444; }
+
+.nav {
+  list-style: none;
+  margin: 0; }
+  .nav > li {
+    display: inline-block;
+    margin-right: 24px; }
+    .nav > li:last-child {
+      margin-right: 0; }
+    .nav > li > a {
+      display: block; }
+
+/**
+ * Default variables and helper mixins
+ */
+/**
+ * Space between columns
+ */
+/**
+ * Max width of container
+ */
+/**
+ * Number of total columns
+ */
+/**
+ * Breakpoints
+ */
+/**
+ * Grid loop mixin
+ */
+/**
+ * Clearfix
+ */
+/**
+ * Grid scaffolding
+ */
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 24px; }
+  .container:before,
+  .container:after {
+    content: " ";
+    display: table; }
+  .container:after {
+    clear: both; }
+
+.row {
+  list-style: none;
+  margin-left: -24px; }
+  .row:before,
+  .row:after {
+    content: " ";
+    display: table; }
+  .row:after {
+    clear: both; }
+  .row.row--gutterless {
+    margin-left: 0; }
+
+.col {
+  float: left;
+  padding-left: 24px;
+  box-sizing: border-box; }
+
+.row--gutterless .col {
+  padding-left: 0; }
+
+/**
+ * Columns generator
+ */
+@media only screen and (min-width: 1200px) {
+  .col--lg-offset-0 {
+    margin-left: 0%; }
+  .col--lg-1 {
+    width: 8.33333%; }
+  .col--lg-offset-1 {
+    margin-left: 8.33333%; }
+  .col--lg-2 {
+    width: 16.66667%; }
+  .col--lg-offset-2 {
+    margin-left: 16.66667%; }
+  .col--lg-3 {
+    width: 25%; }
+  .col--lg-offset-3 {
+    margin-left: 25%; }
+  .col--lg-4 {
+    width: 33.33333%; }
+  .col--lg-offset-4 {
+    margin-left: 33.33333%; }
+  .col--lg-5 {
+    width: 41.66667%; }
+  .col--lg-offset-5 {
+    margin-left: 41.66667%; }
+  .col--lg-6 {
+    width: 50%; }
+  .col--lg-offset-6 {
+    margin-left: 50%; }
+  .col--lg-7 {
+    width: 58.33333%; }
+  .col--lg-offset-7 {
+    margin-left: 58.33333%; }
+  .col--lg-8 {
+    width: 66.66667%; }
+  .col--lg-offset-8 {
+    margin-left: 66.66667%; }
+  .col--lg-9 {
+    width: 75%; }
+  .col--lg-offset-9 {
+    margin-left: 75%; }
+  .col--lg-10 {
+    width: 83.33333%; }
+  .col--lg-offset-10 {
+    margin-left: 83.33333%; }
+  .col--lg-11 {
+    width: 91.66667%; }
+  .col--lg-offset-11 {
+    margin-left: 91.66667%; }
+  .col--lg-12 {
+    width: 100%; }
+  .col--lg-offset-12 {
+    margin-left: 100%; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+  .col--md-offset-0 {
+    margin-left: 0%; }
+  .col--md-1 {
+    width: 8.33333%; }
+  .col--md-offset-1 {
+    margin-left: 8.33333%; }
+  .col--md-2 {
+    width: 16.66667%; }
+  .col--md-offset-2 {
+    margin-left: 16.66667%; }
+  .col--md-3 {
+    width: 25%; }
+  .col--md-offset-3 {
+    margin-left: 25%; }
+  .col--md-4 {
+    width: 33.33333%; }
+  .col--md-offset-4 {
+    margin-left: 33.33333%; }
+  .col--md-5 {
+    width: 41.66667%; }
+  .col--md-offset-5 {
+    margin-left: 41.66667%; }
+  .col--md-6 {
+    width: 50%; }
+  .col--md-offset-6 {
+    margin-left: 50%; }
+  .col--md-7 {
+    width: 58.33333%; }
+  .col--md-offset-7 {
+    margin-left: 58.33333%; }
+  .col--md-8 {
+    width: 66.66667%; }
+  .col--md-offset-8 {
+    margin-left: 66.66667%; }
+  .col--md-9 {
+    width: 75%; }
+  .col--md-offset-9 {
+    margin-left: 75%; }
+  .col--md-10 {
+    width: 83.33333%; }
+  .col--md-offset-10 {
+    margin-left: 83.33333%; }
+  .col--md-11 {
+    width: 91.66667%; }
+  .col--md-offset-11 {
+    margin-left: 91.66667%; }
+  .col--md-12 {
+    width: 100%; }
+  .col--md-offset-12 {
+    margin-left: 100%; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .col--sm-offset-0 {
+    margin-left: 0%; }
+  .col--sm-1 {
+    width: 8.33333%; }
+  .col--sm-offset-1 {
+    margin-left: 8.33333%; }
+  .col--sm-2 {
+    width: 16.66667%; }
+  .col--sm-offset-2 {
+    margin-left: 16.66667%; }
+  .col--sm-3 {
+    width: 25%; }
+  .col--sm-offset-3 {
+    margin-left: 25%; }
+  .col--sm-4 {
+    width: 33.33333%; }
+  .col--sm-offset-4 {
+    margin-left: 33.33333%; }
+  .col--sm-5 {
+    width: 41.66667%; }
+  .col--sm-offset-5 {
+    margin-left: 41.66667%; }
+  .col--sm-6 {
+    width: 50%; }
+  .col--sm-offset-6 {
+    margin-left: 50%; }
+  .col--sm-7 {
+    width: 58.33333%; }
+  .col--sm-offset-7 {
+    margin-left: 58.33333%; }
+  .col--sm-8 {
+    width: 66.66667%; }
+  .col--sm-offset-8 {
+    margin-left: 66.66667%; }
+  .col--sm-9 {
+    width: 75%; }
+  .col--sm-offset-9 {
+    margin-left: 75%; }
+  .col--sm-10 {
+    width: 83.33333%; }
+  .col--sm-offset-10 {
+    margin-left: 83.33333%; }
+  .col--sm-11 {
+    width: 91.66667%; }
+  .col--sm-offset-11 {
+    margin-left: 91.66667%; }
+  .col--sm-12 {
+    width: 100%; }
+  .col--sm-offset-12 {
+    margin-left: 100%; } }
+
+@media only screen and (max-width: 767px) {
+  .col--xs-offset-0 {
+    margin-left: 0%; }
+  .col--xs-1 {
+    width: 8.33333%; }
+  .col--xs-offset-1 {
+    margin-left: 8.33333%; }
+  .col--xs-2 {
+    width: 16.66667%; }
+  .col--xs-offset-2 {
+    margin-left: 16.66667%; }
+  .col--xs-3 {
+    width: 25%; }
+  .col--xs-offset-3 {
+    margin-left: 25%; }
+  .col--xs-4 {
+    width: 33.33333%; }
+  .col--xs-offset-4 {
+    margin-left: 33.33333%; }
+  .col--xs-5 {
+    width: 41.66667%; }
+  .col--xs-offset-5 {
+    margin-left: 41.66667%; }
+  .col--xs-6 {
+    width: 50%; }
+  .col--xs-offset-6 {
+    margin-left: 50%; }
+  .col--xs-7 {
+    width: 58.33333%; }
+  .col--xs-offset-7 {
+    margin-left: 58.33333%; }
+  .col--xs-8 {
+    width: 66.66667%; }
+  .col--xs-offset-8 {
+    margin-left: 66.66667%; }
+  .col--xs-9 {
+    width: 75%; }
+  .col--xs-offset-9 {
+    margin-left: 75%; }
+  .col--xs-10 {
+    width: 83.33333%; }
+  .col--xs-offset-10 {
+    margin-left: 83.33333%; }
+  .col--xs-11 {
+    width: 91.66667%; }
+  .col--xs-offset-11 {
+    margin-left: 91.66667%; }
+  .col--xs-12 {
+    width: 100%; }
+  .col--xs-offset-12 {
+    margin-left: 100%; } }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/style.css.map b/style.css.map
new file mode 100644
index 0000000..c0d1843
--- /dev/null
+++ b/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["barebones.scss","utilities/_variables.scss","utilities/_mixins.scss","utilities/_reset.scss","utilities/_a11y.scss","utilities/_responsive.scss","utilities/_wordpress.scss","base/_shared.scss","base/_images.scss","base/_forms.scss","base/_lists.scss","base/_headings.scss","base/_links.scss","modules/_buttons.scss","modules/_nav.scss","vendor/simple-grid/simple-grid.scss","vendor/simple-grid/_defaults.scss","vendor/simple-grid/_mixins.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/**\nTheme Name: Bare Bones\nTheme URI: http://github.com/benchmarkstudios/barebones\nAuthor: Benchmark\n*/\n\n// 1. Vendors\n\n\n// 2. Configuration and helpers\n@import\n    'utilities/variables',\n    'utilities/mixins',\n    'utilities/reset',\n    'utilities/a11y',\n    'utilities/responsive',\n    'utilities/wordpress';\n\n// 3. Base stuff\n@import\n    'base/shared',\n    'base/images',\n    'base/forms',\n    'base/lists',\n    'base/headings',\n    'base/links';\n\n// 4. Layout-related sections\n@import\n    'layout/main',\n    'layout/header',\n    'layout/footer';\n\n// 5. Components\n@import\n    'modules/buttons',\n    'modules/nav';\n\n// 6. Page-specific styles\n@import\n    'pages/home';\n\n@import\n    'vendor/simple-grid/simple-grid';","/**\n * Custom variables\n */\n\n\n\n/**\n * Base values\n */\n\n$base-colour:            #444;\n$base-background-colour: #fff;\n$base-font-stack:        'Helvetica Neue', Helvetica, Arial, sans-serif;\n$base-font-size:         16;\n$base-line-height:       1.5;\n$base-spacing-unit:      ($base-font-size * $base-line-height) * 1px;\n\n\n/**\n * Breakpoints\n */\n\n$breakpoint-sm: 767px;\n$breakpoint-md: 992px;\n$breakpoint-lg: 1200px;\n\n$breakpoints: (\n  'lg' '(min-width: ' + $breakpoint-lg + ')',\n  'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',\n  'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:'  + ($breakpoint-md - 1) + ')',\n  'xs' '(max-width: ' + $breakpoint-sm + ')'\n);\n\n\n/**\n * Grid\n */\n\n$grid-max-width:    1200px;\n$grid-columns:      12;\n$grid-gutter:       $base-spacing-unit;\n","/*\n * Media query to respond to a minimum size (mobile first)\n */\n\n@mixin resp-min($size) {\n  @media screen and (min-width: $size) { \n    @content; \n  }\n}\n\n\n/*\n * Media query to respond to a maximum size\n */\n\n@mixin resp-max($size) {\n  @media screen and (max-width: $size) { \n    @content; \n  }\n}\n\n\n/*\n * Output font size in px/rem\n */\n\n@mixin font-size($px) {\n  font-size: $px + px;\n  font-size: #{$px / 16}rem;\n}\n\n\n/*\n * Placeholder mixin for <input>\n */\n\n@mixin placeholder() {\n  $placeholders: \":-webkit-input\" \":-moz\" \"-moz\" \"-ms-input\";\n  @each $placeholder in $placeholders {\n    &:#{$placeholder}-placeholder {\n      @content;\n    }\n  }\n}\n\n\n/**\n * Clearfix\n */\n\n@mixin clearfix() {\n  &:before,\n  &:after{\n    content: \" \";\n    display: table;\n  }\n  &:after{\n    clear: both;\n  }\n}\n","* {\n  background-color: transparent;\n  border: 0;\n  box-sizing: border-box;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  background-color: white;\n  font-size: 100%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n}\n\ninput, \nselect, \ntextarea,\nbutton {\n  color: inherit;\n  display: inline-block;\n  &[disabled] {\n    cursor: not-allowed;\n  }\n}\n\nbutton {\n  cursor: pointer;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n  th,\n  td {\n    text-align: left;\n  }\n}",".sr-only {\n  font-size: 0;\n  height: 0;\n  overflow: hidden;\n  position: absolute;\n  width: 0;\n}\n","@each $breakpoint in $breakpoints {\n\n  $key   : nth($breakpoint, 1);\n  $value : nth($breakpoint, 2);\n\n  .visible-#{$key} {\n    @media only screen and #{$value} {\n      display: block !important;\n    }\n  }\n\n  .hidden-#{$key} {\n    @media only screen and #{$value} {\n      display: none !important;\n    }\n  }\n\n}",".alignleft {\n  float: left;\n}\n\nimg.alignleft {\n  margin-right: $base-spacing-unit;\n}\n\n.alignright {\n  float: right;\n}\n\nimg.alignright {\n  margin-left : $base-spacing-unit;\n}\n\n.aligncenter {\n  display: block;\n  margin: {\n    left: auto;\n    right: auto;\n  }\n}\n\nimg.aligncenter {\n  margin-bottom: $base-spacing-unit;\n}","body {\n  color: $base-colour;\n  font-family: $base-font-stack;\n  @include font-size($base-font-size);\n  line-height: $base-line-height;\n}\n\nh1, \nh2, \nh3, \nh4, \nh5, \nh6, \np, \nhr, \nul, \nol,\ndl,\naddress {\n  margin-bottom: $base-spacing-unit;\n}","img {\n  max-width: 100%;\n  vertical-align: top;\n  &[width],\n  &[height] {\n    max-width: none;\n  }\n}\n","/**\n * Blanket input styles for normalisation\n */\n\ninput, \nselect, \ntextarea {\n  background-color: $base-background-colour;\n  border: solid 1px $base-colour;\n  border-radius: 0;\n  color: $base-colour;\n  line-height: ($base-spacing-unit * 1.5);\n  height: ($base-spacing-unit * 1.5);\n  padding: 0 ($base-spacing-unit / 2);\n  width: 100%;\n}\n\ninput[type=\"checkbox\"], \ninput[type=\"radio\"] {\n  background: transparent;\n  border: 0;\n  line-height: normal;\n  height: auto;\n  width: auto;\n}\n\ninput[type=\"file\"] {\n  line-height: normal;\n  height: auto;\n  padding: ($base-spacing-unit / 4) ($base-spacing-unit / 2);\n}\n\ninput[disabled] {\n  background-color: whitesmoke;\n  cursor: not-allowed;\n}\n\nselect {\n  line-height: normal;\n  padding: 0;\n  padding-left: ($base-spacing-unit / 2);\n}\n\ntextarea {\n  min-height: ($base-spacing-unit * 4);\n  overflow: auto;\n  vertical-align: top;\n}\n\n\n/**\n * Form utility classes\n */\n\n.form--inline {\n  .form__group {\n    display: inline-block;\n  }\n}\n\n.checkbox,\n.radio {\n  display: block;\n  padding-left: $base-spacing-unit;\n  &.inline {\n    display: inline-block;\n  }\n  > input {\n    float: left;\n    margin-left: -($base-spacing-unit);\n    margin-top: 4px;\n  }\n}\n\n.form__group {\n  display: block;\n  margin-bottom: $base-spacing-unit;\n}\n\n.form__label {\n  display: block;\n  margin-bottom: ($base-spacing-unit / 2);\n}\n\n\n/**\n * Input Group\n *\n * Allows for prepend/append of elements \n * (such as icons) on an input.\n */\n\n.input-group {\n  position: relative;\n  > input {\n    padding: 0 ($base-spacing-unit * 2);\n  }\n  .input-group__addon {\n    line-height: ($base-spacing-unit * 1.5);\n    height: ($base-spacing-unit * 1.5);\n    position: absolute;\n    text-align: center;\n    top: 0;\n    width: ($base-spacing-unit * 1.5);\n    &:first-child {\n      left: 0;\n    }\n    &:last-child {\n      right: 0;\n    }\n  }\n}\n","ul, \nol {\n  margin-left: $base-spacing-unit;\n}\n\nli {\n  > ul, \n  > ol {\n    margin-bottom: 0;\n  }\n}\n\n.list-unstyled {\n  list-style: none;\n  margin-left: 0;\n}","h1, \nh2, \nh3, \nh4, \nh5, \nh6 {\n  font-weight: bold;\n}","a {\n  color: inherit;\n  text-decoration: none;\n}",".btn {\n  background-color: $base-colour;\n  color: $base-background-colour;\n  display: inline-block;\n  height: ($base-spacing-unit * 1.5);\n  line-height: ($base-spacing-unit * 1.5);\n  padding: 0 $base-spacing-unit;\n  text-align: center;\n  width: auto;\n  &::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n  }\n}\n\n.btn--block {\n  display: block;\n  width: 100%;\n}\n\n.btn--link {\n  background-color: transparent;\n  color: $base-colour;\n}",".nav {\n  list-style: none;\n  margin: 0;\n  > li {\n      display: inline-block;\n      margin-right: $base-spacing-unit;\n      &:last-child {\n        margin-right: 0;\n      }\n    > a {\n      display: block;\n    }\n  }\n}","/**\n * Default variables and helper mixins\n */\n\n@import 'defaults';\n@import 'mixins';\n\n\n/**\n * Grid scaffolding\n */\n\n.container {\n  @include clearfix();\n  max-width: $grid-max-width;\n  margin: 0 auto;\n  padding: 0 $grid-gutter;\n}\n\n.row {\n  @include clearfix();\n  list-style: none;\n  margin-left: -$grid-gutter;\n  &.row--gutterless {\n    margin-left: 0;\n  }\n}\n\n.col {\n  float: left;\n  padding-left: $grid-gutter;\n  box-sizing: border-box;\n}\n\n.row--gutterless .col {\n  padding-left: 0;\n}\n\n\n/**\n * Columns generator\n */\n\n@each $breakpoint in $breakpoints {\n  $name: nth($breakpoint, 1);\n  $declaration: nth($breakpoint, 2);\n\n  @media only screen and #{$declaration} {\n    @include grid-loop($name);\n  }\n}","/**\n * Space between columns\n */\n\n$grid-gutter: 20px !default;\n\n\n/**\n * Max width of container\n */\n\n$grid-max-width: 1200px + ($grid-gutter * 2) !default;\n\n\n/**\n * Number of total columns\n */\n\n$grid-columns: 12 !default;\n\n\n/**\n * Breakpoints\n */\n\n$breakpoint-sm: 768px !default;\n$breakpoint-md: 992px !default;\n$breakpoint-lg: 1200px !default;\n\n$breakpoints: (\n  'lg' '(min-width: ' + $breakpoint-lg + ')',\n  'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',\n  'sm' '(min-width: ' + $breakpoint-sm + ') and (max-width:'  + ($breakpoint-md - 1) + ')',\n  'xs' '(max-width: ' + ($breakpoint-sm - 1) + ')'\n) !default;","/**\n * Grid loop mixin\n */\n\n@mixin grid-loop($name){\n  @for $i from 0 through $grid-columns {\n    @if $i != 0 {\n      .col--#{$name}-#{$i} {\n        width: percentage($i/$grid-columns);\n      }\n    }\n    .col--#{$name}-offset-#{$i} {\n      margin-left: percentage($i/$grid-columns);\n    }\n  }\n}\n\n\n/**\n * Clearfix\n */\n\n@mixin clearfix() {\n  &:before,\n  &:after {\n    content: \" \";\n    display: table;\n  }\n  &:after {\n    clear: both;\n  }\n}"],"sourceRoot":"/source/"}
\ No newline at end of file