Resolve "Half Height does not work in mobile devices"

Closes #55 (closed)

patterns/molecules/header-block/css/header-component.css

@@ -298,7 +298,7 @@ body.cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .is_half_height .cern
   .cern-component-header-blocks {
     position: relative; }
     .cern-component-header-blocks .component-header__carousel .header-block__title {
-      margin: 85px auto 0;
+      margin: 100px auto 0;
       padding: 0 5%; }
     .cern-component-header-blocks .component-header__carousel .header-block__name {
       font-size: 40px;
@@ -338,7 +338,10 @@ body.cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .is_half_height .cern
           top: -1px;
           border: 1px solid; }
     .cern-component-header-blocks .component-header__scroll {
-      transform: scale(0.7, 0.7); } }
+      transform: scale(0.7, 0.7); }
+
+  body:not(.has-header) .cern-component-header-blocks .component-header__carousel .header-block__title {
+    margin: 35px auto 0; } }
 @media screen and (max-width: 479px) {
   .cern-component-header-blocks .component-header__carousel .owl-dots {
     bottom: 45px; }