diff --git a/dist/index.html b/dist/index.html
index 4a385b5..4744417 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -29,7 +29,7 @@
                 </svg>
             </div>
         </div>
-        <div class="p-8 xl:py-20 xl:px-40 flex flex-wrap xl:absolute top-0 left-0">
+        <div class="p-6 xl:py-20 xl:px-40 flex flex-wrap xl:absolute top-0 left-0">
             <div class="w-full xl:w-1/2 leading-relaxed">
                 <h1 class="text-indigo-100 text-5xl xl:text-6xl font-bold">Automatic tenancy for your Laravel app</h1>
                 <h2 class="mt-4 text-4xl xl:text-5xl font-thin text-indigo-200">No code changes required.</h2>
@@ -75,7 +75,7 @@ dispatch(new SendOrderCreatedMail);
 
             <div class="flex flex-col xl:flex-row justify-between mx-auto mt-24">
                 <div class="xl:w-1/3 w-full">
-                    <div class="bg-white py-6 px-12 h-full rounded-15 text-xl flex flex-col justify-between shadow-card">
+                    <div class="bg-white py-6 px-6 xl:px-12 h-full rounded-15 text-xl flex flex-col justify-between shadow-card">
                         <div>
                             <h3 class="font-bold text-3xl text-center my-1">Easy Installation</h3>
                             <p class="mt-5">Two commands is all you need to get started.</p>
@@ -103,7 +103,7 @@ php artisan tenancy:install
                             <p class="mt-5">Multi-tenancy is something that can be handled in the background.</p>
                             <p class="mt-5">Why should your code be <em>polluted</em> with tons of tenancy-related things?
                             </p>
-                            <p class="mt-5">Why have your code <em>bound</em> to a specific implementation? Handling things in the
+                            <p class="mt-5">Handling tenancy in the
                                 background gives you the flexibility to change how tenancy works for your project without pain.
                             </p>
                         </div>
@@ -119,13 +119,14 @@ php artisan tenancy:install
                 </div>
                 <div class="mt-6 xl:mt-0 xl:ml-24 xl:w-1/3 w-full">
                     <div
-                        class="bg-white py-6 px-12 h-full rounded-15 text-xl flex flex-col justify-between shadow-card">
+                        class="bg-white py-6 px-6 xl:px-12 h-full rounded-15 text-xl flex flex-col justify-between
+                        shadow-card">
                         <div>
                             <h3 class="font-bold text-3xl text-center my-1">Awesome Integration</h3>
                             <p class="mt-5">By switching things in the background, the package doesn’t stand in your way.
                             </p>
                             <p class="mt-5">You can integrate with just about any package.</p>
-                            <div class="flex h-full -mb-8 justify-between items-center mx-6">
+                            <div class="flex h-full my-4 xl:mt-0 xl:-mb-8 justify-between items-center xl:mx-6">
                                 <svg class="block w-12" title="Telescope" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80">
                                     <path fill="#000"
                                         d="M0 40a39.87 39.87 0 0 1 11.72-28.28A40 40 0 1 1 0 40zm34 10a4 4 0 0 1-4-4v-2a2 2 0 1 0-4 0v2a4 4 0 0 1-4 4h-2a2 2 0 1 0 0 4h2a4 4 0 0 1 4 4v2a2 2 0 1 0 4 0v-2a4 4 0 0 1 4-4h2a2 2 0 1 0 0-4h-2zm24-24a6 6 0 0 1-6-6v-3a3 3 0 0 0-6 0v3a6 6 0 0 1-6 6h-3a3 3 0 0 0 0 6h3a6 6 0 0 1 6 6v3a3 3 0 0 0 6 0v-3a6 6 0 0 1 6-6h3a3 3 0 0 0 0-6h-3zm-4 36a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM21 28a3 3 0 1 0 0-6 3 3 0 0 0 0 6z">
@@ -173,7 +174,7 @@ php artisan tenancy:install
             <p class="text-lg">Tenants' databases, caches, filesystems, queues and Redis stores are automatically separated. You can
                 write your app like you're used to and let the package worry about tenant data separation.</p>
         </div>
-        <div class="w-full xl:w-1/2 flex justify-start ml-16">
+        <div class="w-full xl:w-1/2 flex justify-start xl:ml-16">
 <pre class="bg-indigo-900 leading-relaxed text-blue-300 rounded-15 py-6 px-8 inline-block w-full whitespace-pre-wrap">
 cache()->remember('total_revenue', function () {
     return Order::with('products')
@@ -186,7 +187,7 @@ cache()->remember('total_revenue', function () {
     </div>
 
     <div class="w-full flex flex-col xl:flex-row items-center justify-center px-6 xl:px-64 py-6 bg-white mt-10">
-        <div class="w-full xl:w-1/2 flex justify-end mr-16">
+        <div class="w-full xl:w-1/2 flex justify-end xl:mr-16">
 <pre class="bg-indigo-900 leading-relaxed text-blue-300 rounded-15 py-6 px-8 inline-block w-full whitespace-pre-wrap">
 'redis' => [
     'prefix_base' => 'tenant',
@@ -211,7 +212,7 @@ cache()->remember('total_revenue', function () {
                 back, as well as
                 seeding tenant databases.</p>
         </div>
-        <div class="w-full xl:w-1/2 flex justify-start ml-16">
+        <div class="w-full xl:w-1/2 flex justify-start xl:ml-16">
 <pre class="bg-indigo-900 leading-relaxed text-blue-300 rounded-15 py-6 px-8 inline-block w-full whitespace-pre-wrap">
 $ artisan tenants:seed --tenants=8075a580-1cb8-11e9-8822-49c5d8f8ff23
 Tenant: 8075a580-1cb8-11e9-8822-49c5d8f8ff23 (tenant1.localhost)
@@ -221,7 +222,7 @@ Database seeding completed successfully.
     </div>
 
     <div class="w-full flex flex-col xl:flex-row items-center justify-center px-6 xl:px-64 py-6 bg-white mt-10">
-        <div class="w-full xl:w-1/2 flex justify-end mr-16">
+        <div class="w-full xl:w-1/2 flex justify-end xl:mr-16">
 <pre class="bg-indigo-900 leading-relaxed text-blue-300 rounded-15 py-6 px-8 inline-block w-full whitespace-pre-wrap">
 class PostgreSQLDatabaseManager implements TenantDatabaseManager
 {
@@ -238,7 +239,7 @@ class PostgreSQLDatabaseManager implements TenantDatabaseManager
                 (and contribute ❤️) your own Storage Drivers, Tenancy Bootstrappers, and Feature classes.</p>
         </div>
     </div>
-    <div class="py-6 xl:p-16 flex justify-center">
+    <div class="py-6 xl:py-16 flex justify-center">
         <div>
             <h2 class="text-4xl font-bold text-center">How it works</h2>
             <ul class="text-xl leading-loose mt-4">
@@ -285,8 +286,8 @@ class PostgreSQLDatabaseManager implements TenantDatabaseManager
             </div>
         </div>
     </div>
-    <div class="-m-3 xl:m-0 xl:p-24">
-        <div class="border-2 border-indigo-200 bg-blue-100 rounded-15 p-10 flex justify-center">
+    <div class="xl:p-24">
+        <div class="border-0 xl:border-2 border-indigo-200 bg-blue-100 rounded-15 p-10 flex justify-center">
             <div class="text-xl">
                 <h2 class="text-3xl font-bold text-center">Stay Updated</h2>
                 <p class="mt-4">If you'd like to be notified about new versions and related stuff, you can sign up for e-mail
@@ -350,7 +351,7 @@ class PostgreSQLDatabaseManager implements TenantDatabaseManager
             <h1 class="text-3xl text-center"><a class="border-b-2 border-gray-600 hover:border-gray-100"
                     href="https://github.com/stancl/tenancy">stancl/tenancy</a></h1>
 
-            <ul class="flex flex-wrap justify-center lg:flex-row my-8">
+            <ul class="flex flex-wrap justify-center xl:flex-row my-8">
                 <li class="mx-2"><a class="github-button" href="https://github.com/stancl/tenancy"
                         data-icon="octicon-star" data-size="large" data-show-count="true"
                         aria-label="Star stancl/tenancy on GitHub">Star</a></li>