diff --git a/webroot/css/grd_styles.css b/webroot/css/grd_styles.css
index 1f7aef8de..beda30b1a 100644
--- a/webroot/css/grd_styles.css
+++ b/webroot/css/grd_styles.css
@@ -1013,8 +1013,8 @@ and open the template in the editor.
    ============================================================*/
 @media screen {
   /* =========
-      CONTENT
-     =========*/
+    CONTENT
+   =========*/
   .content-default {
     display: flex;
     justify-content: center;
@@ -1162,9 +1162,11 @@ and open the template in the editor.
     justify-content: center;
   }
 }
-@media screen and (max-width:767px) {
+@media screen and (max-width:1199px) {
   .info-container {
+    flex-direction: column;
     max-width: 90%;
+    line-height: 0.25em;
   }
 }
 @media screen and (max-width:767px) {
diff --git a/websrc/src/less/10-center.less b/websrc/src/less/10-center.less
index 44f8bad73..3163e566e 100644
--- a/websrc/src/less/10-center.less
+++ b/websrc/src/less/10-center.less
@@ -11,8 +11,8 @@
 @media screen {
 
   /* =========
-      CONTENT
-     =========*/
+    CONTENT
+   =========*/
   .content-default {
     display: flex;
     justify-content: center;
@@ -94,9 +94,11 @@
     padding: 1em 25px;
   }
 
-  @media @tablet-down {
+  @media @wide-screen-down {
     .info-container {
+      flex-direction: column;
       max-width: 90%;
+      line-height: .25em;
     }
 
   }