/*
 *  CREDIT:
 *  This is a cleaned up version of https://stackoverflow.com/questions/48996084/create-a-responsive-navbar-sidebar-drawer-in-bootstrap-4#answer-49054427
 *  (formatting, fixes for issues raised by https://validator.github.io/validator/ v20.3.16, removal of unnecessary CSS / html tags, etc)
 */
body {
  height:	100vh;
  overflow:	scroll;
}

.collapse.width.show {
  transition:	max-width .1s ease, min-width .1s ease;
  width:	100%;
  max-width:	100%;
  min-width:	initial;
}

.collapse.width,
.collapsing.width {
  max-width:	0;
  min-width:	0;
  width:	0;
  transition:	all .1s ease;
}

.collapse .flex-column {
  max-height:	100vh;
  overflow:	auto;
  flex-wrap:	nowrap;		/* Optional, if you don't want the links to form columns if they overflow */
}

.collapse .flex-column li { 
  width:	100%; 
}