// // two column layout //

.side-bar {

z-index: 1;
display: flex;
flex-wrap: wrap;

@include mq(md) {
  width: $nav-width-md;
  flex-wrap: nowrap;
  position: fixed;
  height: 100%;
}

@include mq(lg) {
  width: $nav-width-lg;
}

}

.main {

height: 100%;

@include mq(md) {
  max-width: $content-width;
  margin-left: $nav-width-md;
}

@include mq(lg) {
  margin-left: $nav-width-lg;
}

}

.main-content-wrap {

@include container;

display: flex;
flex-direction: column;

padding-top: $gutter-spacing-sm;
padding-bottom: $gutter-spacing-sm;

min-height: 100vh;

@include mq(md) {
  padding-top: $gutter-spacing;
  padding-bottom: $gutter-spacing;
}

}

.entry-body {

padding: $sp-3;

}