GSA
diff --git a/‎_layouts/default.html‎
Lines changed: 2 additions & 2 deletions b/‎_layouts/default.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎assets/_sass/styles.scss‎
Lines changed: 14 additions & 33 deletions b/‎assets/_sass/styles.scss‎
Lines changed: 14 additions & 33 deletions
diff --git a/‎assets/css/styles.css‎
Lines changed: 30 additions & 32 deletions b/‎assets/css/styles.css‎
Lines changed: 30 additions & 32 deletions
diff --git a/‎assets/css/styles.css.map‎
Lines changed: 2 additions & 2 deletions b/‎assets/css/styles.css.map‎
Lines changed: 2 additions & 2 deletions
@@ -50,9 +50,9 @@ <h1>
 
     {% include sidebar.html %}
 
-    <section id="main" class="main-content" role="main">
+    <article id="main" class="main-content" role="main">
       {{ content }}
-    </section>
+    </article>
 
   </div>
 </div>
 
@@ -69,11 +69,11 @@ img {width: 700px;}
 
 /* Lists */
 
-.main-content ul {
+article ul {
     padding-left: 1.1em;
 }
 
-.main-content li {
+article li {
     margin-bottom: 1em;
 }
 
@@ -135,22 +135,14 @@ aside {
 /* Layout */
 
 /* offset the fixed position header for jump links */
-section:before {
+article:before {
     display: block;
     content: "";
     height: 60px;
     margin: -60px 0 0;
 }
 
-.wrap {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding-left: 20px;
-    padding-right: 20px;
-}
-
 header {
-    width: 100%;
     background-color: $header;
     padding: 1.5em;
     color: $white;
@@ -230,42 +222,31 @@ pre {
 
 /** Overall structure, desktop and mobile */
 
-header {
-    position: static;
+.container {
+
 }
 
-.wrap.content {
-    position: relative;
+.wrap {
 }
 
 aside {
-    width: 25%;
-    left: 0%;
-    position: absolute;
+  @include span-columns(3.25);
 }
 
-.main-content {
-    left: 30%;
-    position: absolute;
-    max-width: 700px;
-    margin-bottom: 20px;
+article {
+  @include shift(0.25);
+  @include span-columns(8);
+  margin-bottom: 20px;
 }
 
 @media screen and (max-width: 40.5em) {
 
-    .wrap.content {
-        position: static;
-    }
-
     aside {
-        position: static;
-        width: 100%;
+        @include span-columns(12);
     }
 
-    .main-content {
-        margin-top: 1.5em;
-        position: static;
-        width: 100%;
+    article {
+        @include span-columns(12);
     }
 
 }