layout padding top responsive

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -129,6 +129,11 @@
   padding-top: 10rem;
   padding-bottom: 6rem;
 }
+@media (max-width: 810px) {
+  .layout-content {
+    padding-top: 5rem;
+  }
+}
 
 .path-frontpage {
   margin: 0;
@@ -6437,7 +6442,7 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
 #header-top .region-header-top-rigth #block-burger :hover {
   cursor: pointer;
 }
-@media (max-width: 870px) {
+@media (max-width: 810px) {
   #header-top .region-header-top-rigth #block-burger {
     width: 4rem;
   }
@@ -6448,7 +6453,7 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
   font-weight: light;
   color: rgb(0, 158, 227);
 }
-@media (max-width: 870px) {
+@media (max-width: 810px) {
   #header-top .region-header-top-rigth #block-burger h2 {
     padding-top: 0;
   }
@@ -6459,7 +6464,7 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
   height: 70px;
   content: url('data:image/svg+xml,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
 }
-@media (max-width: 870px) {
+@media (max-width: 810px) {
   #header-top .region-header-top-rigth #block-burger h2:after {
     content: url('data:image/svg+xml,<svg width="40" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
   }

web/themes/custom/eql/scss/global/_layout.scss

@@ -35,6 +35,9 @@
 .layout-content{
     padding-top: 10rem;
     padding-bottom: 6rem;
+    @media (max-width: 810px){
+        padding-top: 5rem;
+    } 
 }
 .path-frontpage{
     margin: 0;

web/themes/custom/eql/scss/partials/_header.scss

@@ -132,7 +132,7 @@
             :hover{
                 cursor: pointer;
             }
-            @media (max-width: 870px){
+            @media (max-width: 810px){
                 width: 4rem;
             } 
             h2{
@@ -140,7 +140,7 @@
                 font-size: 1em;
                 font-weight: light;
                 color: $blue-light;
-                @media (max-width: 870px){
+                @media (max-width: 810px){
                     padding-top: 0;
                 } 
             }
@@ -149,7 +149,7 @@
                 margin:auto;
                 height: 70px;
                 content:url('data:image/svg+xml,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>'); 
-                @media (max-width: 870px){
+                @media (max-width: 810px){
                     content:url('data:image/svg+xml,<svg width="40" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>'); 
 
                 }