feat(aio): search results layer fix and responsive table

aio/src/styles/0-base/_typography.scss

@@ -107,6 +107,7 @@
     td {
       font-weight: 400;
       padding: 8px 30px;
+      letter-spacing: 0.30px;
 
       p {
         margin: 0;

aio/src/styles/1-layouts/_search-results.scss

@@ -14,6 +14,7 @@ aio-search-results {
     top: 0;
     left: 0;
     right: 0;
+    z-index: 5;
     background-color: $darkgray;
     border: 24px solid $darkgray;
 

aio/src/styles/2-modules/_table.scss

@@ -27,6 +27,30 @@ table {
       border-bottom: 1px solid $lightgray;
       padding: 16px 24px;
       text-align: left;
+      line-height: 24px;
+
+      @media (max-width: 480px) {
+        &:before {
+          // content: **ADD TABLE HEADER**;
+          display: inline-block;
+        }
+      }
+
+    }
+
+    td {
+      letter-spacing: 0.30px;
+
+      @media (max-width: 480px) {
+        display: block;
+      }
+
+    tr td:first-child {
+      @media (max-width: 480px) {
+        background-color: $lightgray;
+      }
+    }
+      
     }
 
     th {
@@ -34,10 +58,19 @@ table {
       border-right: 1px solid $lightgray;
       font-weight: 600;
       max-width: 100px;
+
+      @media (max-width: 480px) {
+        display: none;
+      }
     }
 
     tr:last-child td {
       border: none;
+
+      @media (max-width: 480px) {
+        border-bottom: 1px solid $lightgray;
+      }
+
     }
   }
 }