*, *:before, *:after {
  box-sizing: border-box;
  line-height: 1.5;
}

html, body, .outer-wrapper{
  height:100%;
}

body{
  background:#eee;
  font-size: 14px;
  @include small{
    overflow-x: hidden;
  }
}

.outer-wrapper{
  position:relative;
  &.side-nav{
    @include medium-large{
      margin-left: 200px;
    }
  }
}
.content-wrapper{
  padding:0 10px 20px 10px;
  .side-nav &{
    @include medium-large{
      padding-top: 20px;
    }
  }
}
.content-wrapper{
  max-width: 1000px;
  margin: 0 auto;
  @include small{
    overflow-x: hidden;
    overflow-y: hidden;
  }
}
.grid-module, .at-form{
  background: white;
  padding: $grid-padding;
  margin-bottom: $grid-margin;
}