Update search results markup

- Add utility classes for wrapper, grid, padding, font-size, font-style, flexbox, list-style

www/templates/5.0/search-results.tpl.php

-<section<?php if (!$isEmbed): ?> class="wdn-band"<?php endif ?> id="search_wrapper">
-    <?php if (!$isEmbed): ?>
-    <div class="wdn-inner-wrapper wdn-inner-padding-sm">
-    <?php endif; ?>
+<section class="dcf-wrapper dcf-grid dcf-col-gap-vw dcf-pt-9 dcf-txt-xs unl-font-sans unl-search-results" id="search_wrapper">
 
-        <div class="wdn-grid-set search-set">
-
-            <div id="search_results" class="results-group">
-                <div class="result-head">
-                    <h2>Web Results</h2>
-                    <ul class="result-tab<?php if (empty($local_results)): ?> no-local<?php endif; ?>">
-                        <?php if (!empty($local_results)): ?>
-                        <li><a href="#">This unit</a></li>
-                        <?php endif; ?>
-                        <li><a href="#">All of UNL</a></li>
-                    </ul>
-                </div>
-                <div class="search-results">
-                <?php echo $local_results ?>
-                <?php echo renderTemplate('templates/5.0/google-results.tpl.php', array(
-                    'title' => 'All of UNL',
-                    'id' => 'unl_results',
-                )) ?>
-                </div>
-            </div>
-
-            <div id="directory_results" class="results-group">
-                <div class="result-head">
-                    <h2>Directory Results</h2>
-                    <ul class="result-tab">
-                        <li><a href="#">People</a></li>
-                        <li><a href="#">Departments</a></li>
-                    </ul>
-                </div>
-                <div id="ppl_results" class="search-results"></div>
-            </div>
-
-        </div>
+  <div class="dcf-col-67%-start@sm dcf-col-50%-start@lg results-group" id="search_results">
+    <div class="result-head">
+      <h2>Web Results</h2>
+      <ul class="dcf-d-flex dcf-list-bare result-tab<?php if (empty($local_results)): ?> no-local<?php endif; ?>">
+        <?php if (!empty($local_results)): ?>
+        <li><a href="#">This unit</a></li>
+        <?php endif; ?>
+        <li><a href="#">All of UNL</a></li>
+      </ul>
+    </div>
+    <div class="search-results">
+    <?php echo $local_results ?>
+    <?php echo renderTemplate('templates/5.0/google-results.tpl.php', array(
+      'title' => 'All of UNL',
+      'id' => 'unl_results',
+    )) ?>
+    </div>
+  </div>
 
-    <?php if (!$isEmbed): ?>
+  <div class="dcf-col-33%-end@sm dcf-col-50%-end@lg dcf-pb-10 results-group" id="directory_results">
+    <div class="result-head">
+      <h2>Directory Results</h2>
+      <ul class="dcf-d-flex dcf-list-bare result-tab">
+        <li><a href="#">People</a></li>
+        <li><a href="#">Departments</a></li>
+      </ul>
     </div>
-    <?php endif; ?>
+    <div id="ppl_results" class="search-results"></div>
+  </div>
+
 </section>