Any issues with this?

Responsive Forms Screen

I'm working on making #sidebar and .main-content-wrap (Forms) play 
nice on smaller screens, using some Bootstrap-3-like conventions in 
ehr.less,  with minimal adjustments to current markup (see below). 

The only thing I would need to adjust in the markup is switching 
the position of #sidebar and .main-content-wrap (making #sidebar first). 
I've tested in Chrome Dev Tools, and it seems to work flawlessly. 
But I didn't want to mess with templates/clientforms/display.html 
without talking to you first. Thoughts?

```
#sidebar {

  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;

  @media (min-width: @screen-sm) {
    left: 66.66666667%;
    width: 33.33333333%;
    position: relative;
    
  }

  @media (min-width: @screen-md) {
    left: 75%;
    width: 25%;
  }

}

.main-content-wrap {
  
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;

  @media (min-width: @screen-sm) {
    right: 33.33333333%;
    width: 66.66666667%;
  }

  @media (min-width: @screen-md) {
    right: 25%;
    width: 75%;
  }

}
```

This looks good to me. Thanks for checking!