CSS Columns not working in Safari Mac
<p>On this site: getinjuryanswers.com, I added CSS columns. It works fine in Chrome and Firefox, but the content doesn't show up in Safari on Mac. Any ideas why?</p>

<p>HTML:</p>

<pre><code>&lt;div class="twocolumns col-md-12"&gt;
&lt;p class="representation-text"&gt;
&lt;p class="representation-text"&gt;Many cases settle out of court, you therefore need an effective negotiator on your side. Attorney Curtis Quay spent several years defending insurance companies against personal injury claims. He understands how they think and the games they play to deny you compensation. This gives you the upper hand during the negotiation process.&lt;/p&gt;
&lt;p class="representation-text"&gt;To recover for a personal injury case, you must prove the defendant was responsible for your harm. ITL has a strong network of investigators and professionals in San Diego to help build your case and get you the proper compensation. Proving damages can be complicated, but our lawyers have a proven track record of excellent results.&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>.twocolumns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    /*column-count: 2;*/
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    /*column-gap: 30px;*/
}
</code></pre>