@import "variables";
@import "bootstrap";

header {
  @extend .row;
}

div#logo {
  @extend .col-sm-4;
  @extend .col-sm-offset-2;
}

body {
  @extend .container-fluid;
}

#main {
  @extend .col-sm-8;
  @extend .col-sm-offset-2;
}

nav {
  @extend .row;
  @extend .navbar;
  @extend .navbar-static-top;
  @extend .navbar-inverse;
}

nav ul {
  @extend .nav;
  @extend .navbar-nav;
}

// center the main nav items on big screens
@media (min-width: $screen-sm-min) {
  div#nav-big {
    width: 40%;
    margin: 0 auto;
  }
}



/*
// 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
}
}

 */