resp-fix for breadcrumbs

templates/default-layout.lucius

@@ -17,7 +17,7 @@
 
   /* DIMENSIONS */
   --header-height: 100px;
-  --header-height-collapsed: 50px;
+  --header-height-collapsed: 60px;
 }
 
 * {
@@ -124,7 +124,7 @@ h1, h2, h3, h4, h5 {
 }
 h1 {
   font-size: 32px;
-  margin: 20px 0 10px;
+  margin-bottom: 10px;
 }
 h2 {
   font-size: 24px;
@@ -210,14 +210,14 @@ h4 {
 @media (max-width: 768px) {
 
   .main__content-body {
-    padding: 10px 20px 60px;
+    padding: 0 20px 60px;
   }
 }
 
 @media (max-width: 425px) {
 
   .main__content-body {
-    padding: 10px;
+    padding: 0 10px 60px;
   }
 }
 

templates/widgets/breadcrumbs.lucius

@@ -3,6 +3,7 @@
   color: var(--color-font);
   margin-left: 40px;
   margin-top: 25px;
+  margin-bottom: 10px;
 }
 
 @media (max-width: 768px) {
@@ -12,6 +13,13 @@
   }
 }
 
+@media (max-width: 425px) {
+
+  .breadcrumbs__container {
+    margin-left: 10px;
+  }
+}
+
 .breadcrumbs__link {
 
   &:hover {