1 files changed, 29 insertions, 15 deletions
diff --git a/source/stylesheets/base.css.scss b/source/stylesheets/base.css.scss
index 99db24d..fbcae5f 100644
--- a/source/stylesheets/base.css.scss
+++ b/source/stylesheets/base.css.scss
@@ -1,41 +1,55 @@
+@import "variables";
 @import "bootstrap";
 
 header {
   @extend .row;
 }
 
+div#logo {
+  @extend .col-sm-4;
+  @extend .col-sm-offset-2;
+}
+
 body {
-  @extend .container;
+  @extend .container-fluid;
+}
+
+#main {
+  @extend .col-sm-8;
+  @extend .col-sm-offset-2;
 }
 
 nav {
   @extend .row;
   @extend .navbar;
-  @extend .navbar-static;
+  @extend .navbar-static-top;
   @extend .navbar-inverse;
 }
 
 nav ul {
   @extend .nav;
   @extend .navbar-nav;
-  @extend .navbar-justified;
-
-  //@extend .collapse;
-  //@extend .navbar-collapse;
 }
 
-@media (min-width: 768px){
-  .navbar-nav{
+// center the main nav items on big screens
+@media (min-width: $screen-sm-min) {
+  div#nav-big {
+    width: 40%;
     margin: 0 auto;
-    display: table;
-    table-layout: fixed;
-    float:none;
   }
 }
 
+
+
 /*
-ul.nav li.dropdown:hover ul.dropdown-menu{
-  display: block;
-  margin-top:0px
+// open navigation dropdown on hover on non-mobile devices
+// FIXME dropdown stays open on click..
+
+@media (min-width: $screen-sm-min) {
+nav ul li.dropdown:hover ul.dropdown-menu {
+display: block;
+margin-top:0px
 }
-*/
+}
+
+ */