/* For smaller screens */
@media only screen 
and (max-width : 50em) {

 body div.sphinxsidebar {
  display: none;
 }
 body div.bodywrapper {
  margin: 0;
 }

}

@media only screen 
and (max-width : 60em) {
 .document div.sidebar {
  width: inherit;
 }
}

@media only screen 
and (max-width : 43em) {
 .column-code .code {
  font-size: 80%;
 }
 html body pre.code {
  overflow: auto;
  white-space: pre;
  word-wrap: normal;
 } 
}

}