CSS magic to fix scaling on mobile and Surinamese displays

themes/meghna-hugo/assets/css/custom.css

@@ -50,7 +50,7 @@
     padding: 100px;
   }
   .container {
-    max-width: 80%;
+    max-width: 90%;
   }
   .col-lg-4 {
     flex: 0 0 30%;
@@ -59,22 +59,62 @@
     min-width: 10%;
     margin: auto;
   }
+  
+  .block {
+    min-height: 390px;
+  }
+
+  .service-block{
+    min-height: 360px;
+  }
 } 
 
-
-@media (max-width: 1920px) {
+@media (max-width: 1899px) {
   .section {
     padding: 100px;
   }
+  .container {
+    max-width: 100%;
+  }
+  .col-lg-4 {
+    flex: 0 0 33%;
+    display: grid;
+    max-width: 30%;
+    min-width: 10%;
+    margin: auto;
+  }
+  
+  .block {
+    min-height: 495px;
+  }
+
+  .service-block{
+    min-height: 488px;
+  }
+} 
+
+@media (max-width: 800px) {
+  .section {
+    padding: 1%;
+  }
 
   .container {
-    max-width: 80%;
+    max-width: 100%;
   }
 
   .col-lg-4 {
+    padding: 0;
     flex: 0 0 100%;
     display: grid;
     max-width: 100%;
     margin: auto;
   }
+  
+  .block {
+    min-height: 366px;
+  }
+
+  .service-block {
+    min-height: 312px;
+  }
 }