FIx some layout issues with cover section on mobile
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;}
}