Change text-align responsively (with Bootstrap 3)?

Change text-align responsively (with Bootstrap 3)?

I'm using Bootstrap 3 for a blog. In my custom CSS, I recently added
body {
text-align: justify;
...
}
I like the result on bigger screens (tablet, desktop). But on small
screens (phone), justified text doesn't work very due to the narrower
columns plus my blog's occasional use of
long-ish-technical-terms-like-this.
Can I responsively have text-align: justify only on bigger screens?
Is it possible to do so solely via CSS, or, would I need to write some
custom JS to do so?