diff --git a/_quarto.yml b/_quarto.yml
index 5028930..23edb83 100644
--- a/_quarto.yml
+++ b/_quarto.yml
@@ -2,26 +2,26 @@ project:
   type: website
 
 website:
-  title: "WASH Web"
   site-url: https://washnote.org
   description: WASH Web is a set of participatory initiatives to give you and everyone you know better access to water, sanitation and hygiene information. 
   navbar:
-    logo: "images/WASHWEB-logotype-colour-1-RGB.png"
+    logo: "images/WASHWEB-logotype-white-1-RGB.png"
+    css: logo.css
     left:
       - href: index.qmd
         text: Home
       - href: join.qmd
         text: Join
       - vision.qmd
-      - contact.qmd
+      - href: contact.qmd
+        text: Team
       - posts.qmd
       - contributor.qmd
 
 format:
   html:
-    theme: lux
-    mainfont: DM-sans
-    css: styles.css
+    theme:
+      - custom.scss
     toc: true
 
 editor: visual
diff --git a/contact.qmd b/contact.qmd
index c9a65bb..45429d7 100644
--- a/contact.qmd
+++ b/contact.qmd
@@ -1,15 +1,19 @@
 ---
-title: "Contact"
+title: "Team"
 ---
 
 ## Core facilitating team
 
+![](images/Nick.png){fig-align="center"}
+
 #### Nicolas Dickinson - WASH Web Lead
 
 Founder of [WASHNote](https://washnote.com). With over 15 years of experience in the WASH sector, Nick is highly specialized in the development of international and regional monitoring of WASH commitments and their enabling environments, providing country-led monitoring and evaluation of services, and facilitating trainings to a range of different organizations. Above all, he firmly believes in the need for making better use of data and digital systems to advance towards reaching SDG 6: clean water and sanitation for all by 2030.
 
 [Email](mailto:dickinson@washnote.com){target="_blank"} \| [LinkedIn](https://www.linkedin.com/in/nicolasdickinson/)
 
+![](images/Merel.png){fig-align="center"}
+
 #### Merel Laauwen - WASH Web Coordinator
 
 Merel works as an [independent consultant](https://www.lwn.earth/) in the WASH sector. Her work spans a variety of topics, from WASH systems strengthening to disaster preparedness in humanitarian settings. She studied an MSc in Water Science, Policy and Management at the University of Oxford, where her dissertation research focused on the use of systems thinking in the implementation of rural water treatment.
diff --git a/custom.scss b/custom.scss
new file mode 100644
index 0000000..1c34f51
--- /dev/null
+++ b/custom.scss
@@ -0,0 +1,55 @@
+/*-- scss:defaults --*/
+@import url('https://fonts.googleapis.com/css?family-DM_Sans');
+
+/*-- Define colors for later use --*/
+$black:     #000;
+$gray:      #495057;
+$primary:   #0f2def;
+$secondary: #8934f7;
+$violet:    #4933b5;
+$blue:      #03a0f4;
+$tertiary:  #05d7e2;
+$pastel:    #e7eafe;
+$white:     #fff;
+
+
+/*-- Define Bootstrap color variables --*/
+
+// The page background color. 
+$body-bg: $white;
+// The page text color.
+$body-color: $black;
+// Code block background.
+$code-block-bg: $violet;
+//Color of inline code.
+$code-color: $white;
+
+
+/*-- Define Bootstrap font variables --*/
+
+// The sans-serif font family for the page. 
+$font-family-sans-serif: "DM Sans", "Open Sans", "serif";
+// The monospace font family for the page. 
+$font-family-monospace: "Noto Sans Mono", "Source Code Pro", "Courier New", "mono-space"; 
+//The base font size for the page. 
+$font-size-base: 1rem;
+
+
+/*-- Define TOC format --*/
+
+//TOC color
+$toc-color: $secondary;
+
+
+/*-- scss:rules --*/
+
+//Header text color
+h1, .h1, h2, .h2 {
+  color: $violet;
+  font-family: "DM Sans";
+}
+
+//Logo size
+.navbar-logo {
+    max-height: 60px;
+}
\ No newline at end of file
diff --git a/images/.DS_Store b/images/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/images/.DS_Store differ
diff --git a/images/Merel.png b/images/Merel.png
new file mode 100644
index 0000000..f84a4c2
Binary files /dev/null and b/images/Merel.png differ
diff --git a/images/Nick.png b/images/Nick.png
new file mode 100644
index 0000000..b1c37e3
Binary files /dev/null and b/images/Nick.png differ
diff --git a/images/WASHWEB-logotype-white-1-RGB.png b/images/WASHWEB-logotype-white-1-RGB.png
new file mode 100755
index 0000000..2ef68c5
Binary files /dev/null and b/images/WASHWEB-logotype-white-1-RGB.png differ
diff --git a/images/WASHWEB-logotype-white-2-RGB.png b/images/WASHWEB-logotype-white-2-RGB.png
new file mode 100755
index 0000000..09fda51
Binary files /dev/null and b/images/WASHWEB-logotype-white-2-RGB.png differ
diff --git a/images/WASHWEB-logotype-white-3-RGB.png b/images/WASHWEB-logotype-white-3-RGB.png
new file mode 100755
index 0000000..aa21aeb
Binary files /dev/null and b/images/WASHWEB-logotype-white-3-RGB.png differ
diff --git a/images/WASHWEB-logotype-white-4-RGB.png b/images/WASHWEB-logotype-white-4-RGB.png
new file mode 100755
index 0000000..4d6d821
Binary files /dev/null and b/images/WASHWEB-logotype-white-4-RGB.png differ
diff --git a/logo.css b/logo.css
new file mode 100644
index 0000000..1b40087
--- /dev/null
+++ b/logo.css
@@ -0,0 +1,6 @@
+.reveal .slide-logo {
+  height: 100px !important;
+  width: 100px !important;
+  max-width: unset !important;
+  max-height: unset !important;
+}
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 2ddf50c..de92dfb 100644
--- a/styles.css
+++ b/styles.css
@@ -1 +1 @@
-/* css styles */
+/* css styles */
\ No newline at end of file