The funny thing is that when bootstrap 3 is enabled, a less specific selector’s rule takes precedence. Both the computed and the styles tab are showing me that the body style is taking precedence over the (more specific) media query.
This isn’t necessary when bootstrap 3 is disabled, but this way I can have bootstrap enabled and avoid !important. Thanks!
The <body> style contained in a media query outranks the <body> style, when bootstrap isn’t enabled.
When bootstrap is enabled, the main <body> style outranks the media query <body> style, even when the media query is listed later in the css.
Therefore, when bootstrap is enabled, a media query isn’t enough – the media query must be combined with specificity.