/* ===============================================
   Help Scout Docs — Sidebar always on left
   =============================================== */

/* Increase container width */
.container-fluid {
  max-width: 1500px !important;
}

/* Sidebar on left */
#sidebar,
aside.span3,
[class*="span3"] {
  width: 300px !important;  /* keep default width */
  float: left !important;
  margin-right: 20px;       /* space between sidebar and content */
}

/* Main content on right */
#main-content.span9 {
  width: calc(100% - 320px) !important; /* remaining space */
  float: right !important;
}

/* Keep Bootstrap row-fluid spans in check */
.row-fluid [class*="span"] {
  width: auto !important;
  margin-left: 0 !important;
}

/* Responsive: stack below only on very narrow screens */
@media (max-width: 900px) {
  #sidebar,
  #main-content.span9 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
}