Merge pull request #323 from smartlogic/fix-responsiveness-pillar-cards

Fixed responsiveness of pillar cards on landing page

_sass/components/pillars.scss

@@ -17,6 +17,10 @@
 			font-size: 28px;
 		}
 
+		@include tablet{
+			font-size: 26px;
+		}
+
 		@include phone{
 			font-size: 22px;
 		}
@@ -29,10 +33,14 @@
 			@media (max-width: 1024px) {
 			  font-size: 28px;
 			}
+
+			@include tablet{
+				font-size: 26px;
+			}
 
 			@include phone{
 			  font-size: 22px;
-			}			
+			}
 		}	
 	}
 
@@ -53,12 +61,21 @@
 	gap: 24px;
 	padding: 24px;
 	height: 250px;
+	flex: 1;
 	>p {
 		font-size: 28px;
 		font-weight: 450;
 		color: $black;
 		text-align: center;
 
+		@media (max-width: 1024px) {
+			font-size: 24px;
+		  }
+
+		@include tablet{
+			font-size: 22px;
+		}
+
 		@include phone{
 			font-size: 18px;
 		}