better pricing page display

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -2238,7 +2238,7 @@ article.card{
     }
     >header h1,
     .views-field-title{
-      font-size: 4em;
+      font-size: 3.5em;
       line-height: 0.6;
       color: #fff;
       text-align: center;
@@ -2247,7 +2247,7 @@ article.card{
     section.content, .views-field-body{
       color: #fff;
       .description{
-        font-size: 1.134em;
+        font-size: 1em;
         p{
           margin: 0.3em;
         }
@@ -2259,15 +2259,17 @@ article.card{
         display: flex;
         flex-flow: row nowrap;
         justify-content: center;
-        align-items:flex-end;
+        align-items:stretch;
         div.variation-description{
           flex: 0 0 6.7em;
-          font-size: 2.012em;
+          font-size: 1.5em;
           font-weight: 800;
           color: #fff;
           p{
             margin:0;
-            text-align: left;
+            text-align: right;
+						padding-right: 0.5em;
+						padding-top: 0.1em;
           }
         }
         button{
@@ -2295,7 +2297,7 @@ article.card{
       }
     }
   }
-	@include col-mediaquery-max(3){
+	@include col-mediaquery-max(5){
 		flex-flow: column;
 		article.product,
 		.views-row{