Changes

<div id="hrp-section" style="width: 220px; height: 100px; float: left;">

<div id="hrp-section" style="width: 50%; min-width: 300px; height: 100px; float: left;">

<div id="hrp-header-compact" style="position: relative; width: 20px; height: 100px;"><div class="{{#var:Style|default}}" style="width: 95px; height: 20px; transform-origin: 50px 50px; -ms-transform-origin: 50px 50px; -webkit-transform-origin: 50px 50px;">Distinctions</div></div>

<div id="hrp-header-compact" style="position: relative; width: 20px; height: 100px;"><div class="{{#var:Style|default}}" style="width: 95px; height: 20px; transform-origin: 50px 50px; -ms-transform-origin: 50px 50px; -webkit-transform-origin: 50px 50px;">Distinctions</div></div>

<div id="hrp-block" style="width: 200px; height: 100px; float: left;">

<div id="hrp-block" style="width: 200px; height: 100px; float: left;">

<div class="{{#var:Style|default}}">

<div class="{{#var:Style|default}}">

<div id="hrp-specialty" style="width: 200px; height: 100px;"><div class="{{#var:Style|default}}" style="width: 195px; height: 85px; padding-top: 15px; padding-left: 5px; text-align: left; font-size: 14px; vertical-align: middle;">{{{1|}}}<br/>{{{2|}}}<br/>{{{3|}}}</div></div>

<div id="hrp-specialty" style="width: calc(100% - 20px); height: 100px;"><div class="{{#var:Style|default}}" style="width: 195px; height: 85px; padding-top: 15px; padding-left: 5px; text-align: left; font-size: 14px; vertical-align: middle;">{{{1|}}}<br/>{{{2|}}}<br/>{{{3|}}}</div></div>

</div>

</div>

</div>

</div>

</div>

</div>