commit 9af69b14b979162074a5f8eb09260c0e04759b14
author Unknown <electrikjesus@gmail.com> Thu Jan 17 20:21:59 2019 -0500
committer Unknown <electrikjesus@gmail.com> Thu Jan 17 20:22:08 2019 -0500
tree 9579acc322f9544ae973030705ec73b8d6694616
parent fdddcf19f2983f63da92e7afccb95e024113c2f0

FIx some layout issues with cover section on mobile

css/animations.css

diff --git a/css/animations.css b/css/animations.css
index 9346351..1912beb 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -280,14 +280,18 @@
   }
 }
 
+.layout {
+	margin: 0 auto;
+	max-width: 1170px;
+	width: 100%;
+	padding: 0 15px;
+}
+
 /********Grid Widht *******/
 .grid-3 {	width: 25%;	float: left;	min-height: 1px;	padding-left: 15px;	padding-right: 15px;
 	position: relative;}
 /********Grid Widht *******/	
 
-
-
-
 /***Section Css******/
 .counting {
     /* background: #34495e none repeat scroll 0 0; */
@@ -330,9 +334,7 @@
 @media (max-width:640px) {
 	.layout {		width: 300px;	}
 	.grid-3 {		width: 100%;	}
-
-
-	}
+}
 
 @-webkit-keyframes drip2 {
   0% {
@@ -424,9 +426,9 @@
   margin: -2vh auto 0 auto;
   vertical-align: middle;
 }
-@media (max-width:720px) {
+/*@media (max-width:720px) {
   .animation {margin-left:-30rem;margin-right:-30rem;}
-}
+} */
 @media (max-width:450px) {
   .animation {width:58rem;height:38rem;}
 }

index.html

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">