diff --git a/index.html b/index.html
index ee029fb..473213d 100644
--- a/index.html
+++ b/index.html
@@ -137,7 +137,7 @@
 </head>
 <body>
 <section id="fold">
-  <div class="container hidden-sm-down py-sm-3">
+  <div class="container d-none d-md-block py-sm-3">
     <a class="navbar-brand" href="https://lesspass.com">
       <img src="dist/LessPass-icon-white.svg" width="60" height="60" class="d-inline-block align-top"
            alt="LessPass">
@@ -176,17 +176,17 @@
   </div>
   <div class="container hero">
     <div class="row align-items-center">
-      <div class="col-5">
+      <div class="col-12 p-0 col-md-5">
         <div class="lesspass--unbordered lesspass--full-width">
           <div id="lesspass"></div>
         </div>
-        <div class="text-white">
+        <div class="text-white px-3 pb-3">
           <small>
             <i class="fa fa-shield" aria-hidden="true"></i> For more security use browser extensions
           </small>
         </div>
       </div>
-      <div class="col-5 ml-auto text-white">
+      <div class="col-12 col-md-5 ml-auto text-white">
         <h2>Stateless Password Manager</h2>
         <p class="lead">
           Stop wasting your time synchronizing your encrypted vault. Remember one master password to
