update content

scss/components/_trustedby.scss

@@ -39,8 +39,8 @@
       height: 100%;
       width: 90px;
       overflow: hidden;
-      & > a {
-        cursor: pointer;
+      & > .img-wrapper {
+        user-select: none;
         display: flex;
         flex-flow: row;
         align-items: center;

scss/pages/contact.scss

@@ -1,8 +1,6 @@
 @use "../helpers/" as *;
 @use "../base";
-@use "../components/nav";
-@use "../components/footer";
-@use "../components/divider";
+@use "../components/essentials";
 
 main {
   display: flex;
@@ -12,16 +10,35 @@ main {
   row-gap: var(--spacing-xl);
   box-sizing: border-box;
 
-  padding: 50vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
+  padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
 
   @include media-breakpoint-up(lg) {
-    padding: 432px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
+    padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
   }
 
   h1 {
-    @include typography(mobile-main-header);
-
+    @include typography(main-header);
     color: var(--main-text);
+    line-height: 1.15;
+  }
+
+  & > header {
+    width: 100%;
+    display: flex;
+    flex-flow: column;
+    gap: var(--spacing-m);
+    padding-top: var(--spacing-xl);
+
+    @include media-breakpoint-up(xl) {
+      flex-flow: row wrap;
+    }
+
+    & > a {
+      display: block;
+      @include media-breakpoint-up(xl) {
+        margin-left: auto;
+      }
+    }
   }
 
   & > .divider.contact {

scss/pages/products.scss

@@ -5,16 +5,33 @@
 
 main {
   box-sizing: border-box;
-  padding: 50vh var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
+  padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
 
   @include media-breakpoint-up(lg) {
-    padding: 480px 146px 370px 146px;
+    padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
   }
 
-  & > h1 {
+  h1 {
     @include typography(main-header);
     color: var(--main-text);
-    letter-spacing: 9px;
+    line-height: 1.15;
+  }
+
+  & > header {
+    display: flex;
+    flex-flow: column;
+    gap: var(--spacing-m);
+    padding-top: var(--spacing-xl);
+
+    @include media-breakpoint-up(xl) {
+      flex-flow: row wrap;
+    }
+    & > a {
+      display: block;
+      @include media-breakpoint-up(xl) {
+        margin-left: auto;
+      }
+    }
   }
 }
 

scss/pages/services.scss

@@ -3,9 +3,10 @@
 @use "../components/essentials";
 
 main {
-  padding: 50vh var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
+  padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
+
   @include media-breakpoint-up(lg) {
-    padding: 230px 146px 146px 146px;
+    padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl);
   }
 
   h1 {
@@ -18,10 +19,12 @@ main {
     display: flex;
     flex-flow: column;
     gap: var(--spacing-m);
+    padding-top: var(--spacing-xl);
 
     @include media-breakpoint-up(xl) {
       flex-flow: row wrap;
     }
+
     & > a {
       display: block;
       @include media-breakpoint-up(xl) {
@@ -98,7 +101,7 @@ main {
       & > .right {
         display: flex;
         flex-flow: column;
-        row-gap: var(spacing-s);
+        row-gap: var(--spacing-s);
 
         grid-row: 2;
         grid-column: 1 / 2;