diff --git a/misc/www/css/custom.css b/misc/www/css/custom.css
index 8e8d739dd1..cb883e38bc 100644
--- a/misc/www/css/custom.css
+++ b/misc/www/css/custom.css
@@ -1,3 +1,7 @@
+html {
+  scroll-behavior: smooth;
+}
+
 .container {
     max-width: 800px; 
     overflow-y: hidden;
@@ -8,7 +12,9 @@
     background-attachment:fixed;
     background-size: cover;
     background-repeat: no-repeat;
-    padding-top: 6rem;
+    /* padding-top: 6rem; */
+    padding-top: 40vh;
+    height: 60vh;
     text-align: center; }
   .value-prop {
     margin-top: 1rem; }
@@ -212,12 +218,90 @@
     list-style: none;
   }
 
+  .arrow {
+    position: absolute;
+    padding-top: 85vh;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+  }
+  .arrow span {
+      display: block;
+      width: 20px;
+      height: 20px;
+      border-bottom: 2px solid #a5a5a5;
+      border-right: 2px solid #a5a5a5;
+      transform: rotate(45deg);
+      margin: -10px;
+      animation: animate 2s infinite;
+  }
+  .arrow span:nth-child(2) {
+      animation-delay: -0.2s;
+  }
+  .arrow span:nth-child(3) {
+      animation-delay: -0.4s;
+  }
+  @keyframes animate {
+      0%{
+          opacity: 0;
+          transform: rotate(45deg) translate(-20px,-20px);
+      }
+      50%{
+          opacity: 1;
+      }
+      100%{
+          opacity: 0;
+          transform: rotate(45deg) translate(20px,20px);
+      }
+  }
+
+  .mre {
+    display: table;
+    background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%),url('../images/site/mre_bg.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+
+  .mre-left {
+    position: relative;
+    width: 50%;
+    height: 100%;
+    align-items: center;
+    z-index: 1;
+    display: table-cell;
+    display: none;
+    vertical-align: middle;
+  }
+
+  .mre-right {
+    position: relative;
+    width: 50%;
+    height: 100%;
+    background-color: #252a2b;
+    z-index: 1;
+    color: #ffffff;
+    display: table-cell;
+    vertical-align: middle;
+  }
+
+  .mre-content {
+    padding: 20%;
+    text-align: left;
+    vertical-align: middle;
+    font-size: 1.3rem;
+  }
+
+  .mre-content h2 {
+    font-size: 2rem;
+  }
+
   .glossary {
     font-style: italic;
     margin-left: 2rem;
   }
   .footer {
-    background-color: #222;
+    background-color: #252a2b;
     padding-top: 2rem;
     padding-bottom: 1rem;
     text-align: center;
@@ -256,7 +340,9 @@
 
     .header {
       /* margin-top: 18rem;  */
-      padding-top: 18rem;}
+      /* padding-top: 18rem; */
+      /* padding-top: 40vh; */
+    }
     .value-props {
       margin-top: 9rem;
       margin-bottom: 7rem; }
@@ -279,7 +365,7 @@
   }
   
   /* Larger than tablet */
-  @media (min-width: 750px) {
+  @media (min-width: 1024px) {
     .container {
       overflow-y: visible;
     }
@@ -414,6 +500,9 @@
     .popover-link:hover,
     .popover-item:first-child .popover-link:hover:after {
       border-bottom-color: #f15a24; }
+    .mre-left {
+      display: table-cell;
+    }
   }
 
 
diff --git a/misc/www/css/skeleton.css b/misc/www/css/skeleton.css
index 6869d7330c..1a0e4aefa1 100644
--- a/misc/www/css/skeleton.css
+++ b/misc/www/css/skeleton.css
@@ -183,7 +183,7 @@ input[type="button"] {
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
-  border-radius: 4px;
+  border-radius: 1px;
   border: 1px solid #bbb;
   cursor: pointer;
   box-sizing: border-box; }
@@ -222,6 +222,28 @@ input[type="button"].button-primary:focus {
   background-color: #1EAEDB;
   border-color: #1EAEDB; }
 
+  .button.button-white,
+  button.button-white,
+  input[type="submit"].button-white,
+  input[type="reset"].button-white,
+  input[type="button"].button-white {
+    color: #FFF;
+    /* background-color: #33C3F0; */
+    border-color: #ffffff; }
+  .button.button-white:hover,
+  button.button-white:hover,
+  input[type="submit"].button-white:hover,
+  input[type="reset"].button-white:hover,
+  input[type="button"].button-white:hover,
+  .button.button-white:focus,
+  button.button-white:focus,
+  input[type="submit"].button-white:focus,
+  input[type="reset"].button-white:focus,
+  input[type="button"].button-white:focus {
+    color: #252a2b;
+    background-color: #ffffff;
+    border-color: #ffffff; }
+  
 
 /* Forms
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
diff --git a/misc/www/images/site/mre_bg.jpg b/misc/www/images/site/mre_bg.jpg
new file mode 100644
index 0000000000..ab9711da3c
Binary files /dev/null and b/misc/www/images/site/mre_bg.jpg differ
diff --git a/misc/www/images/site/mre_ecu.png b/misc/www/images/site/mre_ecu.png
new file mode 100644
index 0000000000..bed66ff599
Binary files /dev/null and b/misc/www/images/site/mre_ecu.png differ
diff --git a/misc/www/images/site/mre_logo.png b/misc/www/images/site/mre_logo.png
new file mode 100644
index 0000000000..8dbdc1e7ba
Binary files /dev/null and b/misc/www/images/site/mre_logo.png differ
diff --git a/misc/www/index.html b/misc/www/index.html
index 82d3bea095..f61e0e1de7 100644
--- a/misc/www/index.html
+++ b/misc/www/index.html
@@ -28,6 +28,7 @@
 
   <!-- FONT
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link rel="preconnect" href="https://fonts.gstatic.com">
   <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
 
   <!-- CSS
@@ -82,7 +83,7 @@
       </ul>
     </topnav>
     <div class="container">
-      <img src="images/site/logo_wht.png" width="70%">
+      <img src="images/site/logo_wht.png" width="50%">
       <h4 class="title">A GPL open source Engine Management System</h4>
       <a class="github-button" href="https://github.com/rusefi" data-size="large"
         aria-label="Follow @rusefi on GitHub">Follow @rusefi</a>
@@ -91,8 +92,15 @@
       <div class="value-props row">
       </div>
     </div>
+    <a class="arrow" href="index.html#intro">
+      <span></span>
+      <span></span>
+      <span></span>
+    </a>
   </div>
 
+
+
   <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
   <nav class="navbar">
     <div class="nav-container">
@@ -242,8 +250,52 @@
     </div>
   </div>
 
+  <div class="mre" id="microrusefi">
+    <div class="mre-left">
+      <div class="mre-content">
+        <img src="images/site/mre_ecu.png" width="100%">
+      </div>
+    </div>
+    <div class="mre-right">
+      <div class="mre-content">
+        <h6 class="docs-header">microRusEFI</h6>
+        <img src="images/site/mre_logo.png" width="50%">
+        <br><br>
+        <p>microRusEFI is a small & cheap Engine Management System board designed for fully sequential 1, 2, 3 and 4
+          cylinder applications.<br>
+          microRusEFI uses a waterproof connector and its aluminum enclosure could be sealed.<br>
+          microRusEfi supports dual Hall shaft position sensor input or 1xHall + 1xVR shaft position sensor input (A few
+          resistors must be replaced on the PCB to switch from one setup to another)<br>
+          Open-source design available in <a href="https://github.com/rusefi/hw_microRusEfi">this repository</a>, or
+          available as a kit or completely assembled. <br>
+          This is an excellent option for racing series that allow modifications inside the stock ECU case.
+        </p>
+        <b>Features</b>
+        <ul>
+          <li>Primary VR or Hall input (configurable with few resistor changes)</li>
+          <li>Secondary Hall input</li>
+          <li>4 analog thermistor (temperature) inputs</li>
+          <li>10 analog voltage inputs (0-5v)</li>
+          <li>4 high-Z injector outputs</li>
+          <li>2 high-current low side outputs for IAC/VVT/other solenoids</li>
+          <li>Dedicated main relay control output</li>
+          <li>4 low-current low side outputs for relays or warning lights</li>
+          <li>4 5v logic-level ignition outputs</li>
+          <li>2 logic level outputs (5v/12v configurable, requires resistor changes)</li>
+          <li>Electronic throttle body (drive by wire)</li>
+          <li>CAN connectivity on the plug</li>
+          <li>USB connectivity on the plug</li>
+          <li>SPI and TTL available on PCB</li>
+        </ul>
+        <a class="button button-white" href="https://www.ebay.com/itm/333532119947">Get microRusEFI hardware</a>
+        <a class="button button-white" href="https://github.com/rusefi/rusefi/wiki/microRusEFI-Manual">microRusEFI
+          Manual</a>
+      </div>
+    </div>
+  </div>
+
   <!-- Microrusefi -->
-  <div class="docs-section" id="microrusefi">
+  <!-- <div class="docs-section" id="microrusefi">
     <div class="container">
       <h6 class="docs-header">microRusEFI</h6>
       <img src="images/site/rusefi_mreheader.png" width="100%">
@@ -277,7 +329,7 @@
       <a class="button button-primary" href="https://github.com/rusefi/rusefi/wiki/microRusEFI-Manual">microRusEFI
         Manual</a>
     </div>
-  </div>
+  </div> -->
 
   <div class="docs-section" id="proteus">
     <div class="container">