Error tip

this fixes up the bootstrappiness of the various forms and makes the error tip flexible for different error sizes
still TODO: mobile style pass
IMO, nesting this deep is very heard to understand.  Do yo need to be this specific?  also, IMO you should just use normal css:

```scss
@media (max-width: $phone-width) {
  .stellar-form {
    .form-group {
      .errors {
        .tip {
          width: 100%;
        }
      }
    }
  }
}
```

```scss
@media (max-width: $phone-width) {
  .stellar-form .form-group .errors .tip {
    width: 100%;
  }
}
```