responsive fix for bot and wip page

app/styles/_bot.scss

@@ -1,3 +1,4 @@
+
 .bot {
 
     h1, h2 {
@@ -18,5 +19,18 @@
       width: 20px;
     }
 
+    min-height: 100vh;
+
+}
+
+
+@media (max-width: $screen-sm-min) {
+
+  .bot {
+      h1 {
+        text-transform: uppercase;
+        font-size: 3rem;
+      }
+  }
 
 }

app/styles/_flexbox.scss

@@ -1,12 +1,26 @@
-.center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
+@media (min-width: $screen-sm-min) {
+
+  .center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+  }
+
+  .vcenter {
+      display: inline-block;
+      vertical-align: middle;
+      float: none;
+  }
+
 }
 
-.vcenter {
-    display: inline-block;
-    vertical-align: middle;
-    float: none;
+@media (max-width: $screen-sm-min) {
+
+  .center, .text-block {
+    text-align: center !important;
+  }
+
+
+
 }

app/styles/_global.scss

@@ -22,3 +22,8 @@
 .love {
 	color: $red !important;
 }
+
+
+.btn {
+  margin-bottom: 5px;
+}