diff --git a/charts/templates/charts/fr.html b/charts/templates/charts/fr.html
index 6e83749..e7bc2ac 100644
--- a/charts/templates/charts/fr.html
+++ b/charts/templates/charts/fr.html
@@ -141,13 +141,13 @@
   <!-- ======= Hero Section ======= -->
   <section id="hero" class="d-flex flex-column justify-content-center align-items-center">    
     {% if user.is_authenticated %}
-    <div class="container">
+    <div class="container" style="margin-top: 100px; margin-bottom: 120px;">
       <h1>Saviez-vous que toutes vos données sont exposées lorsque vous utilisez Bitcoin?</h1>
       <h2>Monero est ce que les gens pensent acheter lorsqu'ils investissent dans Bitcoin.</h2>
     </div>
     {% else %}
 
-    <div class="container">
+    <div class="container" style="margin-top: 100px; margin-bottom: 120px;">
       <div class="row">
         <div class="col-xl-9 d-flex flex-column justify-content-center">
           <h1>Saviez-vous que toutes vos données sont exposées lorsque vous utilisez Bitcoin?</h1>
diff --git a/charts/templates/charts/index.html b/charts/templates/charts/index.html
index 6f85856..53ff328 100644
--- a/charts/templates/charts/index.html
+++ b/charts/templates/charts/index.html
@@ -13,8 +13,8 @@
       z-index: 1;
       background: #313030;
       max-width: 100%;
-      margin-top: 15px;
-      margin-bottom: 15px;
+      margin-top: 20px;
+      margin-bottom: 20px;
       padding: 20px;
       text-align: center;
       border-radius: 20px
@@ -75,7 +75,7 @@
   <!-- ======= Hero Section ======= -->
   <section id="hero" class="d-flex flex-column justify-content-center align-items-center">
     {% if user.is_authenticated %}
-    <div class="container">
+    <div class="container" style="margin-top: 100px; margin-bottom: 120px;">
       <!--
       <h1>Did you know all your data is exposed when you use Bitcoin?</h1>
       <h2>Monero is what people think they are buying when they invest in Bitcoin.</h2>
@@ -116,7 +116,7 @@
     </div>
     {% else %}
 
-    <div class="container">
+    <div class="container" style="margin-top: 100px; margin-bottom: 120px;">
       <div class="row">
         <div class="col-xl-9 d-flex flex-column justify-content-center">      
           <div class="icon-boxes d-flex flex-column justify-content-center">
diff --git a/charts/templates/charts/pt.html b/charts/templates/charts/pt.html
index 1aea4c2..5b5cd40 100644
--- a/charts/templates/charts/pt.html
+++ b/charts/templates/charts/pt.html
@@ -137,13 +137,13 @@
   <!-- ======= Hero Section ======= -->
   <section id="hero" class="d-flex flex-column justify-content-center align-items-center">
     {% if user.is_authenticated %}
-    <div class="container">
+    <div class="container" style="margin-top: 100px; margin-bottom: 120px;">
       <h1>Você sabia que todos os seus dados são expostos quando você usa Bitcoin?</h1>
       <h2>Monero é o que as pessoas pensam que estão comprando quando investem em Bitcoins.</h2>
     </div>
     {% else %}
 
-    <div class="container">
+    <div class="container" style="margin-top: 100px; margin-bottom: 120px;">
       <div class="row">
         <div class="col-xl-9 d-flex flex-column justify-content-center">
           <h1>Você sabia que todos os seus dados são expostos quando você usa Bitcoin?</h1>
diff --git a/static/css/style.css b/static/css/style.css
index 52dbe75..b21b611 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -167,7 +167,6 @@ h1, h2, h3, h4, h5, h6 {
 --------------------------------------------------------------*/
 #hero {
   width: 100%;
-  height: 50vh;
   background: url("../img/hero-bg-2.jpg") center center;
   background-size: cover;
   position: relative;
@@ -245,45 +244,13 @@ h1, h2, h3, h4, h5, h6 {
   background: #ff4d21;
 }
 
-@media (min-width: 1024px) {
-  #hero {
-    background-attachment: fixed;
-  }
-}
-
-@media (max-width: 1200px), (max-height: 768px) {
-  #hero {
-    margin-bottom: -30px;
-    height: 70vh;
-  }
-}
-
-@media (max-width: 768px) {
-  #hero {
-    margin-bottom: -30px;
-    height: 80vh;
-  }
-  #hero h1 {
-    font-size: 28px;
-    line-height: 36px;
-  }
-  #hero h2 {
-    font-size: 18px;
-    line-height: 24px;
-  }
-}
-
-@media (max-height: 500px) {
-  #hero {
-    margin-bottom: -15px;
-    height: 100vh;
-  }
+#hero .icon-boxes {
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 
 #hero .icon-boxes .icon-box {
-  margin-top: 15px;
-  margin-bottom: 15px;
-  text-align: left;
+  text-align: left;  
   border-radius: 15px;
   background: #fff;
   box-shadow: 10px 5px 30px rgba(0, 0, 0, 0.1);