diff --git a/templates/details.html b/templates/details.html
index dd48417..d7397a0 100644
--- a/templates/details.html
+++ b/templates/details.html
@@ -1,11 +1,11 @@
 {% extends "head.html" %}
 
 {% block content %}
-<div class="container">
-    <div class="hero-unit">
-        <h1>Buying a Used Car? Check it!</h1>
-        <br>
-        <p><a href="https://www.salvagedb.com/" title="Salvagedb.com" rel="nofollow">Salvagedb.com</a> provides
+<div class="container-lg py-4">
+    <div class="p-5 mb-4 bg-light rounded-3">
+        <h1 class="display-4">Buying a Used Car? Check it!</h1>
+        <p class="lead">
+            <a href="https://www.salvagedb.com/" title="Salvagedb.com" rel="nofollow">Salvagedb.com</a> provides
             information about salvage or junk vehicles; damage from hail, flood or fire; mileage discrepancies or
             odometer rollback; and gray market vehicles. We do not claim that the car got in our databank has salvage
             title, but the fact that it has been damaged for sure. Our site helps people avoid buying a damaged vehicle
@@ -13,59 +13,73 @@
         </p>
     </div>
 
-    <div class="details-container">
-        <div class="car-details">
-            <table id="one-column-emphasis">
-                <tbody>
-                <tr>
-                    <td>Make</td>
-                    <td>{{det[0][1]}}</td>
-                </tr>
-                <tr>
-                    <td>Model</td>
-                    <td>{{det[0][2]}}</td>
-                </tr>
-                <tr>
-                    <td>Year</td>
-                    <td>{{det[0][3]}}</td>
-                </tr>
-                <tr>
-                    <td>Body Style</td>
-                    <td>{{det[0][4]}}</td>
-                </tr>
-                <tr>
-                    <td>Engine</td>
-                    <td>{{det[0][5]}}</td>
-                </tr>
-                <tr>
-                    <td>Cylinders</td>
-                    <td>{{det[0][6]}}</td>
-                </tr>
-                <tr>
-                    <td>Drive</td>
-                    <td>{{det[0][7]}}</td>
-                </tr>
-                </tbody>
-            </table>
+    <div class="row">
+        <div class="col-md-6 mb-4">
+            <div class="card">
+                <div class="card-header">
+                    <h2 class="h4 mb-0">Vehicle Details</h2>
+                </div>
+                <div class="card-body">
+                    <table class="table table-striped">
+                        <tbody>
+                        <tr>
+                            <th scope="row">Make</th>
+                            <td>{{det[0][1]}}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Model</th>
+                            <td>{{det[0][2]}}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Year</th>
+                            <td>{{det[0][3]}}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Body Style</th>
+                            <td>{{det[0][4]}}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Engine</th>
+                            <td>{{det[0][5]}}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Cylinders</th>
+                            <td>{{det[0][6]}}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Drive</th>
+                            <td>{{det[0][7]}}</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
         </div>
 
-        <div class="search-container">
-            <h2>Search salvage history?</h2>
-            <form name="search_bar" id="search_bar" action="/search" method="post">
-                <div class="search-wrapper">
-                    <input id="make_model" class="search_box ui-autocomplete-input" name="q" 
-                           value="{{vin}}" autocomplete="off" spellcheck="false" type="text">
-                    <button class="g-recaptcha btn btn-primary" data-sitekey="{{capcha_site}}" 
-                            id="go_button" data-callback='onSubmit' data-action='submit'>Search</button>
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-header">
+                    <h2 class="h4 mb-0">Search salvage history?</h2>
                 </div>
-            </form>
+                <div class="card-body">
+                    <form name="search_bar" id="search_bar" action="/search" method="post">
+                        <div class="input-group">
+                            <input id="make_model" class="form-control" name="q" 
+                                   value="{{vin}}" autocomplete="off" spellcheck="false" type="text"
+                                   placeholder="Enter VIN number">
+                            <button class="g-recaptcha btn btn-primary" data-sitekey="{{capcha_site}}" 
+                                    id="go_button" data-callback='onSubmit' data-action='submit'>Search</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
         </div>
     </div>
-
-    <script>
-        function onSubmit(token) {
-            document.getElementById("search_bar").submit();
-        }
-    </script>
 </div>
+
+<script>
+    function onSubmit(token) {
+        document.getElementById("search_bar").submit();
+    }
+</script>
 {% endblock %}
\ No newline at end of file