diff --git a/src/components/about/styles.module.css b/src/components/about/styles.module.css
index 1091552ee..b7d17d741 100644
--- a/src/components/about/styles.module.css
+++ b/src/components/about/styles.module.css
@@ -1,14 +1,14 @@
 .small_portrait_card {
   width: 279px;
-   height: 388px;
-   background-color: white;
-   color: var(--ifm-color-primary-p2);
-   border-radius: 8px;
-   box-shadow: 0px 0px 8px 1px #c8c8c7;
-   padding: var(--ifm-spacing-lg) var(--ifm-spacing-md);
-   text-align: center;
-   margin-bottom: var(--ifm-spacing-xl);
- }
+  height: 388px;
+  background-color: white;
+  color: var(--ifm-color-primary-p2);
+  border-radius: 8px;
+  box-shadow: 0px 0px 8px 1px #c8c8c7;
+  padding: var(--ifm-spacing-lg) var(--ifm-spacing-md);
+  text-align: center;
+  margin-bottom: var(--ifm-spacing-xl);
+}
 
 .avatar {
   filter: grayscale(1);
@@ -18,20 +18,6 @@
   width: 160px;
 }
 
-
-
-
-.value_header {
-  font-family: var(--ifm-font-family-rubik-one);
-  font-size: var(--ifm-font-size-secondary-title);
-  font-style: normal;
-  font-weight: 600;
-  line-height: 28px;
-  text-align: center;
-  margin-bottom: var(--ifm-spacing-xl);
-  color: var(--ifm-text-color-on-primary-p1);
-}
-
 .value_text p {
   font-family: var(--ifm-font-family-roboto);
   font-size: 14px;
@@ -42,7 +28,6 @@
   color: var(--ifm-text-color-on-primary-p1);
 }
 
-
 div .row {
   margin-left: 0;
   margin-right: 0;
@@ -75,7 +60,7 @@ div .row {
   color: var(---ifm-text-color);
   font-style: normal;
   font-weight: 600;
-  line-height: 24px; 
+  line-height: 24px;
   letter-spacing: 0.5px;
   color: var(--ifm-color-primary-p2);
 }
@@ -89,9 +74,7 @@ div .row {
   line-height: 40px;
   color: var(--ifm-color-primary-p2);
 }
-s
-
-.large_card_position {
+s .large_card_position {
   font-size: var(--ifm--font-size-normal);
   font-family: var(--ifm-font-family-roboto);
   color: var(--ifm-color-primary-p2);
@@ -136,8 +119,6 @@ div .join_the_team_text {
   color: var(--ifm-color-secondary-s2);
 }
 
-
-
 @media only screen and (max-width: 996px) {
   /*Mobile*/
   .value_card {
@@ -150,6 +131,17 @@ div .join_the_team_text {
     margin-bottom: var(--ifm-spacing-xl);
   }
 
+  .value_header {
+    font-family: var(--ifm-font-family-rubik-one);
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+    text-align: center;
+    margin-bottom: var(--ifm-spacing-xl);
+    color: var(--ifm-text-color-on-primary-p1);
+  }
+
   .large_portrait_card {
     width: 100%;
     height: 200%;
@@ -171,7 +163,7 @@ div .join_the_team_text {
   .subteam_container {
     margin: var(--ifm-spacing-3xl) var(--ifm-spacing-2xl);
   }
-  
+
   .team_description {
     font-family: var(--ifm-font-family-roboto);
     font-size: 18px;
@@ -194,7 +186,16 @@ div .join_the_team_text {
     margin-bottom: var(--ifm-spacing-xl);
   }
 
-
+  .value_header {
+    font-family: var(--ifm-font-family-rubik-one);
+    font-size: var(--ifm-font-size-secondary-title);
+    font-style: normal;
+    font-weight: 600;
+    line-height: 28px;
+    text-align: center;
+    margin-bottom: var(--ifm-spacing-xl);
+    color: var(--ifm-text-color-on-primary-p1);
+  }
 
   .large_portrait_card {
     width: 1000px;
@@ -209,7 +210,6 @@ div .join_the_team_text {
     margin-bottom: var(--ifm-spacing-2xl);
   }
 
-
   .row_with_margins {
     margin: var(--ifm-spacing-2xl) 0;
   }
@@ -217,7 +217,7 @@ div .join_the_team_text {
   .subteam_container {
     margin: var(--ifm-spacing-5xl) var(--ifm-spacing-6xl);
   }
-  
+
   .team_description {
     font-family: var(--ifm-font-family-roboto);
     font-size: 22px;
@@ -226,5 +226,4 @@ div .join_the_team_text {
     line-height: 28px;
     text-align: center;
   }
-  
-}
\ No newline at end of file
+}
diff --git a/src/components/careers/styles.module.css b/src/components/careers/styles.module.css
index 1026ffdff..8c46f5052 100644
--- a/src/components/careers/styles.module.css
+++ b/src/components/careers/styles.module.css
@@ -44,16 +44,7 @@
     margin-bottom: var(--ifm-spacing-xl);
   }
 
-  .join_the_team_text {
-    text-align: center;
-    font-size: 28px;
-    font-family: var(--ifm-font-family-roboto);
-    color: var(--ifm-color-primary-p2);
-    text-align: center;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 36px; /* 128.571% */
-  }
+
 
   .join_the_team_container {
     padding: var(--ifm-spacing-4xl) 0;
@@ -88,3 +79,30 @@
     line-height: 24px; /* 133.333% */
     letter-spacing: 0.5px;
   }
+
+  @media only screen and (max-width: 996px) {
+    /*Mobile*/
+    .join_the_team_text {
+      text-align: center;
+      font-size: 18px;
+      font-family: var(--ifm-font-family-roboto);
+      color: var(--ifm-color-primary-p2);
+      text-align: center;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 36px;
+    }
+  }
+  @media only screen and (min-width: 996px) {
+    /*Desktop*/
+    .join_the_team_text {
+      text-align: center;
+      font-size: 28px;
+      font-family: var(--ifm-font-family-roboto);
+      color: var(--ifm-color-primary-p2);
+      text-align: center;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 36px;
+    }
+  }
\ No newline at end of file
diff --git a/src/components/contact/index.tsx b/src/components/contact/index.tsx
index cade0e638..20b234e46 100644
--- a/src/components/contact/index.tsx
+++ b/src/components/contact/index.tsx
@@ -1,34 +1,33 @@
 import styles from "./styles.module.css";
 import ContactForm from "./ContactForm";
 import { useEffect, useState } from "react";
-import ContactIllustration from "/img/illustrations/contact.svg"
-
+import ContactIllustration from "/img/illustrations/contact.svg";
 
 export function Contact() {
   return (
     <div className="container upper-container-with-margin-top">
+      <h1 className={"padding-none text--center"}> Contact us</h1>
       <div className={"row"}>
         <div
-          className={
-            "col col--6 col--offset-1" + " " + "flex-full-centered" + " "
-          }
+          className={"col col--6 col--offset-1 flex-full-centered" + " "}
           style={{
-            margin: "var(--ifm-spacing-2xl) 0",
-            padding: "var(--ifm-spacing-2xl)",
+            padding: "var(--ifm-spacing-xl)",
           }}
         >
-          <ContactIllustration alt={"Illustration for the contact page with a woman, a mobile phone and an enveloppe."} />
+          <ContactIllustration
+            height={"460px"}
+            alt={
+              "Illustration for the contact page with a woman, a mobile phone and an enveloppe."
+            }
+          />
         </div>
         <div
-          className={"col col--5" + " " + "padding-none" + " " + "margin-none"}
+          className={"col col--5 flex-full-centered padding-none margin-none"}
         >
-          <h1 className={"padding-none"}> Contact us</h1>
-          <div>
-            <ContactForm />
-          </div>
+          <ContactForm />
         </div>
       </div>
     </div>
   );
 }
- export default Contact;
\ No newline at end of file
+export default Contact;
diff --git a/src/components/contact/styles.module.css b/src/components/contact/styles.module.css
index 7319b82d0..ef330c1fb 100644
--- a/src/components/contact/styles.module.css
+++ b/src/components/contact/styles.module.css
@@ -4,11 +4,7 @@
   background: var(--ifm-color-blue-jupyter);
 }
 
-.send_button_container {
-  height: 59px;
-  width: 508px;
-  margin-top: var(--ifm-spacing-2xl);
-}
+
 
 .contact_form {
   margin-top: var(--ifm-spacing-xl);
@@ -19,14 +15,46 @@
   color: var(--ifm-text-color);
   background-color: var(--ifm-background-color);
 }
-.small_input {
-  width: 508px;
-  height: 56px;
-  border-radius: 4px;
-}
 
-.large_input {
-  width: 508px;
-  height: 220px;
-  border-radius: 4px;
-}
+
+
+@media only screen and (max-width: 996px) {
+  /*Mobile*/
+  .small_input {
+    width: 300px;
+    height: 56px;
+    border-radius: 4px;
+  }
+  
+  .large_input {
+    width: 300px;
+    height: 220px;
+    border-radius: 4px;
+  }
+  .send_button_container {
+    height: 59px;
+    width: 300px;
+    margin: var(--ifm-spacing-2xl) 0;
+  }
+  
+  }
+
+  @media only screen and (min-width: 996px) {
+    /*Desktop*/
+    .small_input {
+      width: 508px;
+      height: 56px;
+      border-radius: 4px;
+    }
+    
+    .large_input {
+      width: 508px;
+      height: 220px;
+      border-radius: 4px;
+    }
+    .send_button_container {
+      height: 59px;
+      width: 508px;
+      margin: var(--ifm-spacing-2xl) 0;
+    }
+    }
\ No newline at end of file
diff --git a/src/components/projects/Header.tsx b/src/components/projects/Header.tsx
index a52e6418a..1fa6b2b61 100644
--- a/src/components/projects/Header.tsx
+++ b/src/components/projects/Header.tsx
@@ -2,16 +2,18 @@ import styles from "./styles.module.css";
 import HeaderMD from "./descriptions/Header.md";
 
 export default function Header() {
-    return (
-      <div className={"container upper-container-with-margin-top"}>
+  return (
+    <div className={styles.header_container}>
+      <div className={"container"}>
         <div className="row">
-          <div className={"col padding-none"+ " " + styles.header_container}>
+          <div className="col padding-none">
             <h1 className={styles.header_title}>Working in the open</h1>
             <div className={styles.header_text}>
-             <HeaderMD/>
+              <HeaderMD />
             </div>
           </div>
         </div>
       </div>
-    );
-  }
\ No newline at end of file
+    </div>
+  );
+}
diff --git a/src/components/projects/styles.module.css b/src/components/projects/styles.module.css
index 6a8b116ae..bdb073db3 100644
--- a/src/components/projects/styles.module.css
+++ b/src/components/projects/styles.module.css
@@ -29,10 +29,10 @@ div .project_title {
 @media only screen and (max-width: 996px) {
   /*Mobile*/
 
-  .header_container {
+  .header_container{
+    padding-top: var(--ifm-spacing-2xl);
     background-color: var(--ifm-color-primary-p1);
   }
-  
   .header_title {
     padding-left: none;
   }
@@ -61,6 +61,9 @@ div .project_title {
 
 @media only screen and (min-width: 996px) {
   /*Desktop*/
+  .header_container{
+    margin-top: var(--ifm-spacing-6xl);
+  }
   .header_title {
     padding-left: var(--ifm-spacing-4xl);
   }
diff --git a/src/components/services/SpecialProjects.tsx b/src/components/services/SpecialProjects.tsx
index a5da4f7d1..82c53fa57 100644
--- a/src/components/services/SpecialProjects.tsx
+++ b/src/components/services/SpecialProjects.tsx
@@ -17,7 +17,7 @@ export function SpecialProjects() {
             <SpecialProjectsIllustration
               alt={
                 "Picture showing an illustration of a group of people working together in an office."}
-                width={"360px"}
+                height={"300px"}
               
             />
           </div>
diff --git a/src/components/services/Support.tsx b/src/components/services/Support.tsx
index e897e32ed..6cdd71c10 100644
--- a/src/components/services/Support.tsx
+++ b/src/components/services/Support.tsx
@@ -8,8 +8,8 @@ export function Support() {
       <div className="container upper-container-with-margin-top">
         <div className="row">
           <div className="col col--4 col--offset-1">
-            <div className="flex-full-centered">
-              <SupportIllustration   width={"280px"} alt="Illustration for the support section, showing symbolically a person indicating the direction to take." />
+            <div className="flex-full-centered" style={{marginBottom:"var(--ifm-spacing-xl)"}}>
+              <SupportIllustration  height={"280px"} alt="Illustration for the support section, showing symbolically a person indicating the direction to take." />
             </div>
           </div>
           <div className={"col col--6"}>
diff --git a/src/components/services/styles.module.css b/src/components/services/styles.module.css
index ae5caa7b5..6d4f9679e 100644
--- a/src/components/services/styles.module.css
+++ b/src/components/services/styles.module.css
@@ -3,13 +3,33 @@
     color: var(--ifm-color-indigo-i1);
   }
 
-  .transition {
-    font-family: var(--ifm-font-family-bebas-neue);
-    font-size: 40px;
-    font-style: normal;
-    font-weight: bolder;
-    line-height: 150%;
-    text-align: center;
-    margin-top: var(--ifm-spacing-4xl);
-    color: var(--ifm-color-indigo-i1);
-  }
+  @media only screen and (max-width: 996px) {
+    /*Mobile*/
+    .transition {
+      font-family: var(--ifm-font-family-bebas-neue);
+      font-size: 40px;
+      font-style: normal;
+      font-weight: bolder;
+      line-height: 150%;
+      text-align: center;
+      margin-top: var(--ifm-spacing-2xl);
+      color: var(--ifm-color-indigo-i1);
+    }
+  
+ 
+    }
+
+    @media only screen and (min-width: 996px) {
+      /*Desktop*/
+      .transition {
+        font-family: var(--ifm-font-family-bebas-neue);
+        font-size: 40px;
+        font-style: normal;
+        font-weight: bolder;
+        line-height: 150%;
+        text-align: center;
+        margin-top: var(--ifm-spacing-4xl);
+        color: var(--ifm-color-indigo-i1);
+      }
+    
+    }