Changing placeholder text with CSS only
I think that you are mistaking the purpous of the placeholder attribute.

A label element should be used to indicate what the field is for and a placeholder should provide an example of the format to use.

When you use a seperate label you have much more flexability in how you style it. You can use a "label as placeholder" pattern, where you place the 
label on top of the input so it appeares to be the placeholder. You would have to move the label when the input is focused.

In the snippet below I have created two lable's for the input. It would be very easy to show and hide based on a media query.

&lt;label for="org" class="show-for-large"&gt;Organization or Company Name&lt;/label&gt;
&lt;label for="org" class="show-for-small" hidden&gt;Org/Company&lt;/label&gt;
&lt;input type="text" id="org" name="" placeholder="Code Review"&gt;