update style css

assets/css/style.css

@@ -44,12 +44,6 @@ body {
   background-color: #4ec2e7;
 }
 
-.info {
-  text-align: left;
-  display: inline-block;
-  padding: 20px;
-}
-
 .c-margin-t {
   margin-top: 60px;
 }
@@ -111,6 +105,16 @@ body {
 
 /* Float css */
 
+.info {
+  text-align: left;
+  display: inline-block;
+  padding: 10%;
+}
+
+.info:nth-of-type(1) {
+  padding: 15% 10% !important;
+}
+
 .row:after {
   content: "";
   display: table;
@@ -123,22 +127,26 @@ body {
   height: 50vh;
   padding: 20px;
   color: #fff;
+  min-height: 520px;
 }
 
-@media only screen and (min-width: 250px) and (max-width: 500px) {
+@media screen and (max-width: 992px) {
   .columns {
-    width: 100%;
-    float: left;
-    height: 50vh;
-    min-height: 650px;
+    width: 50%;
+    height: 100vh;
+    min-height: 700px;
   }
 }
 
-@media only screen and (min-width: 500px) and (max-width: 1024px) {
+@media screen and (max-width: 600px) {
   .columns {
-    width: 50%;
-    float: left;
-    height: 100vh;
+    width: 100%;
+    height: 50vh;
+    min-height: 700px;
+  }
+
+  .info {
+    padding: 30px 20px;
   }
 }