FIx some layout issues with cover section on mobile

diff --git a/index.html b/index.html
index f0a5f42..a8a3e74 100644
--- a/index.html
+++ b/index.html
@@ -64,10 +64,10 @@
             <p class="lead mb-4">An Open Source OS, based on Android, that incorporates many customizations options and added security features.&nbsp;<br><br>And it is available for...</p>
           </div>
         </div>
-        <div class="col-md-8 d-flex justify-content-center align-items-center flex-grow-1" align="center" style="max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-flex;float: none; margin-top: -8%;">
-          <div class=" d-inline-flex justify-content-center align-items-center mx-auto">
-            <div class="animation mx-auto d-inline-flex justify-content-center align-items-center" data-animation-step="3">
-              <div class="device mx-auto mt-5">
+        <div class="d-flex justify-content-center align-items-center flex-grow-1" align="center" style="max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-flex;float: none; margin-top: -8%;">
+          <div class="d-inline-flex justify-content-center align-items-center">
+            <div class="animation d-inline-flex justify-content-center align-items-center" data-animation-step="3">
+              <div class="device mt-5">
                 <div class="screen-stand"></div>
                 <div class="display">
                   <div class="slide1">