From a64deca6d43e0676d5bf4ffb0f9e3f7641129a9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e=20Floure?= <timothee.floure@posteo.net>
Date: Fri, 14 Feb 2020 15:46:07 +0100
Subject: [PATCH] Make Matrix-as-a-Service page 'responsive'

---
 .../u/products/hosted-matrix-chat/contents.lr    | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/content/u/products/hosted-matrix-chat/contents.lr b/content/u/products/hosted-matrix-chat/contents.lr
index b6dd3ab..f0d392d 100644
--- a/content/u/products/hosted-matrix-chat/contents.lr
+++ b/content/u/products/hosted-matrix-chat/contents.lr
@@ -32,13 +32,13 @@ advanced user-focused features such as end-to-end encryption, bridging or audio
 
 <div class="container">
   <div class="row">
-    <div class="col-3">
-      <img style="width: 100%; position: relative; top: 25%;" src="/u/image/matrix-logo.png" />
+    <div class="col-md-3">
+      <img style="width: 100%; position: relative; top: 25%; margin-bottom: 25%;" src="/u/image/matrix-logo.png" />
     </div>
-    <div class="col-9">
+    <div class="col-md-9">
       <ul>
         <li>
-        The strongest point of Matrix is *federation*: a Matrix homeserver - which is
+        The strongest point of Matrix is <b>federation</b>: a Matrix homeserver - which is
         what we offer - allows to manage your own community... and to join the whole
         Matrix network. You will be able to exchange with users on any other Matrix
         server without any special configuration!
@@ -100,10 +100,10 @@ description3:
 
 <div class="container" style="padding: 0;">
   <div class="row">
-    <div class="col-9">
+    <div class="col-md-9">
       <img style="width: 100%;" src="/u/image/penguin-matrix.jpg" />
     </div>
-    <div class="col-3">
+    <div class="col-md-3">
       <h2>Growing fast!</h2>
       <p>As of February 2020, the Matrix network supports ~13.5M visible
       accounts, ~5.0M messages a day, ~40.000 federated servers and even <a
@@ -124,7 +124,7 @@ description3:
 
 <div class="container" style="padding: 0;">
   <div class="row">
-    <div class="col-6">
+    <div class="col-md-6">
       <h2>Hosted Matrix Chat</h2>
 
       <p>We will provide you with your own dedicated Matrix 'Home Server', as well as
@@ -146,7 +146,7 @@ description3:
       </p>
 
     </div>
-    <div class="col-6">
+    <div class="col-md-6">
       <h2>Transparent Costs</h2>
 
       <p>The cost of our Matrix-as-a-Service offer is divided between a base maintenance