refactor(controlLoops): Aligns to top

content/experiment-control/control-loops.md

@@ -37,7 +37,7 @@ The <a href="https://github.com/quartiq/stabilizer" target="_blank" rel="noopene
 
 
 
-{% layout_html() %}
+{% layout_html(css='row d-flex align-items-top mt-5 mb-5') %}
 
   <div class="col-12 col-md-3">
     <ul>

sass/css/_layout.scss

@@ -57,7 +57,7 @@ p ~ h5 {
 @media (min-width: 992px) {
   .hero {
     // height: 692px;
-    height: calc(100vh - 300px);
+    height: calc(100vh - 200px);
     background: url("../images/hero@2x.png") repeat-x top center;
     -webkit-background-size: contain;
     -moz-background-size: contain;