diff --git a/css/sections/nav.css b/css/sections/nav.css
index a444463..3cdb77d 100644
--- a/css/sections/nav.css
+++ b/css/sections/nav.css
@@ -20,8 +20,8 @@ nav {
   display: flex;
 }
 
-nav img {
-  width: 3.5rem;
+nav .logo img {
+  width: 12rem;
   height: 3.5rem;
   margin-left: 1rem;
   margin-right: 1rem;
@@ -84,6 +84,7 @@ nav ul li a:hover {
 #menu-btn-open img {
   width: 2.8rem;
   height: 2.8rem;
+  margin-left: 1rem;
 }
 
 #qonsole-btn {
@@ -152,17 +153,15 @@ nav ul li a:hover {
 }
 
 @media only screen and (max-width: 500px) {
-  .logo img {
-    height: 3rem;
-    width: 3rem;
-    margin-right: 0.5rem;
-  }
 
-  .logo h2 {
-    font-size: 2rem;
-  }
+
 }
 
 @media only screen and (max-width: 375px) {
-  
+
+    nav .logo img {
+    height: 2.7rem;
+    width: 8rem;
+  }
+
 }
\ No newline at end of file
diff --git a/css/utils/base.css b/css/utils/base.css
index 61200b9..2670599 100644
--- a/css/utils/base.css
+++ b/css/utils/base.css
@@ -2,7 +2,9 @@
 
 @font-face {
     font-family: Ubuntu;
-    src: url("/media/fonts/Ubuntu-Bold.ttf");
+    /* src: url("/media/fonts/Ubuntu-Bold.ttf"); */
+    src: url("/media/fonts/PitagonSansText-SemiBold.ttf");
+    /* src: url("/media/fonts/Arista2.0-light.ttf"); */
     font-display: swap;
 }
 
@@ -102,6 +104,7 @@ h5 {
 
 p {
     line-height: 1.7rem;
+    font-size: 1.2rem;
 }
 
 /* SECTIONS */
diff --git a/css/utils/buttons.css b/css/utils/buttons.css
index b3d2d37..40f6b43 100644
--- a/css/utils/buttons.css
+++ b/css/utils/buttons.css
@@ -2,6 +2,7 @@
     color: var(--text-color-1);
     cursor: pointer;
     font-size: 1.3rem;
+    font-weight: bold;
     padding: 0.6rem 0.7rem;
     border-radius: 0.5rem;
     display: flex;
diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index f7435c1..0000000
Binary files a/favicon.ico and /dev/null differ
diff --git a/favicon.png b/favicon.png
new file mode 100644
index 0000000..e681a67
Binary files /dev/null and b/favicon.png differ
diff --git a/media/fonts/PitagonSansText-Bold.ttf b/media/fonts/PitagonSansText-Bold.ttf
new file mode 100644
index 0000000..1d7144f
Binary files /dev/null and b/media/fonts/PitagonSansText-Bold.ttf differ
diff --git a/media/fonts/PitagonSansText-BoldItalic.ttf b/media/fonts/PitagonSansText-BoldItalic.ttf
new file mode 100644
index 0000000..c2f8955
Binary files /dev/null and b/media/fonts/PitagonSansText-BoldItalic.ttf differ
diff --git a/media/fonts/PitagonSansText-ExtraBold.ttf b/media/fonts/PitagonSansText-ExtraBold.ttf
new file mode 100644
index 0000000..b855bd4
Binary files /dev/null and b/media/fonts/PitagonSansText-ExtraBold.ttf differ
diff --git a/media/fonts/PitagonSansText-ExtraBoldItalic.ttf b/media/fonts/PitagonSansText-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..a0d3c55
Binary files /dev/null and b/media/fonts/PitagonSansText-ExtraBoldItalic.ttf differ
diff --git a/media/fonts/PitagonSansText-ExtraLight.ttf b/media/fonts/PitagonSansText-ExtraLight.ttf
new file mode 100644
index 0000000..b5302e0
Binary files /dev/null and b/media/fonts/PitagonSansText-ExtraLight.ttf differ
diff --git a/media/fonts/PitagonSansText-ExtraLightItalic.ttf b/media/fonts/PitagonSansText-ExtraLightItalic.ttf
new file mode 100644
index 0000000..084d999
Binary files /dev/null and b/media/fonts/PitagonSansText-ExtraLightItalic.ttf differ
diff --git a/media/fonts/PitagonSansText-Italic.ttf b/media/fonts/PitagonSansText-Italic.ttf
new file mode 100644
index 0000000..cfd5b13
Binary files /dev/null and b/media/fonts/PitagonSansText-Italic.ttf differ
diff --git a/media/fonts/PitagonSansText-Light.ttf b/media/fonts/PitagonSansText-Light.ttf
new file mode 100644
index 0000000..64e365d
Binary files /dev/null and b/media/fonts/PitagonSansText-Light.ttf differ
diff --git a/media/fonts/PitagonSansText-LightItalic.ttf b/media/fonts/PitagonSansText-LightItalic.ttf
new file mode 100644
index 0000000..a2df7b7
Binary files /dev/null and b/media/fonts/PitagonSansText-LightItalic.ttf differ
diff --git a/media/fonts/PitagonSansText-Medium.ttf b/media/fonts/PitagonSansText-Medium.ttf
new file mode 100644
index 0000000..198c534
Binary files /dev/null and b/media/fonts/PitagonSansText-Medium.ttf differ
diff --git a/media/fonts/PitagonSansText-MediumItalic.ttf b/media/fonts/PitagonSansText-MediumItalic.ttf
new file mode 100644
index 0000000..748e4e6
Binary files /dev/null and b/media/fonts/PitagonSansText-MediumItalic.ttf differ
diff --git a/media/fonts/PitagonSansText-Regular.ttf b/media/fonts/PitagonSansText-Regular.ttf
new file mode 100644
index 0000000..40facba
Binary files /dev/null and b/media/fonts/PitagonSansText-Regular.ttf differ
diff --git a/media/fonts/PitagonSansText-SemiBold.ttf b/media/fonts/PitagonSansText-SemiBold.ttf
new file mode 100644
index 0000000..60bd181
Binary files /dev/null and b/media/fonts/PitagonSansText-SemiBold.ttf differ
diff --git a/media/fonts/PitagonSansText-SemiBoldItalic.ttf b/media/fonts/PitagonSansText-SemiBoldItalic.ttf
new file mode 100644
index 0000000..f7bc7f1
Binary files /dev/null and b/media/fonts/PitagonSansText-SemiBoldItalic.ttf differ
diff --git a/media/fonts/Ubuntu-Bold.ttf b/media/fonts/Ubuntu-Bold.ttf
deleted file mode 100644
index c2293d5..0000000
Binary files a/media/fonts/Ubuntu-Bold.ttf and /dev/null differ
diff --git a/media/images/Audacity.png b/media/images/Audacity.png
index 5819699..94120ee 100644
Binary files a/media/images/Audacity.png and b/media/images/Audacity.png differ
diff --git a/media/images/Chromium.png b/media/images/Chromium.png
index c86555d..3895b55 100644
Binary files a/media/images/Chromium.png and b/media/images/Chromium.png differ
diff --git a/media/images/Firefox.png b/media/images/Firefox.png
index 2540e82..af4e603 100644
Binary files a/media/images/Firefox.png and b/media/images/Firefox.png differ
diff --git a/media/images/Inkscape.png b/media/images/Inkscape.png
index 0b48c82..7614c66 100644
Binary files a/media/images/Inkscape.png and b/media/images/Inkscape.png differ
diff --git a/media/images/OpenShot.png b/media/images/OpenShot.png
index d071d9f..ec30a45 100644
Binary files a/media/images/OpenShot.png and b/media/images/OpenShot.png differ
diff --git a/media/images/Qubes.png b/media/images/Qubes.png
index b3263db..325563a 100644
Binary files a/media/images/Qubes.png and b/media/images/Qubes.png differ
diff --git a/media/images/Rhythmbox.png b/media/images/Rhythmbox.png
index 0505625..84553bc 100644
Binary files a/media/images/Rhythmbox.png and b/media/images/Rhythmbox.png differ
diff --git a/media/images/TeleQom-Favicon.png b/media/images/TeleQom-Favicon.png
deleted file mode 100644
index 03c3bdf..0000000
Binary files a/media/images/TeleQom-Favicon.png and /dev/null differ
diff --git a/media/images/blender.png b/media/images/blender.png
old mode 100755
new mode 100644
index cbb7701..528bae9
Binary files a/media/images/blender.png and b/media/images/blender.png differ
diff --git a/media/images/codium.png b/media/images/codium.png
index 6e3c6ce..8dcb9b8 100644
Binary files a/media/images/codium.png and b/media/images/codium.png differ
diff --git a/media/images/debian-128.png b/media/images/debian-128.png
index de6862e..e1afc9c 100644
Binary files a/media/images/debian-128.png and b/media/images/debian-128.png differ
diff --git a/media/images/disq.png b/media/images/disq.png
index f712e50..3a4a67a 100644
Binary files a/media/images/disq.png and b/media/images/disq.png differ
diff --git a/media/images/gimp.png b/media/images/gimp.png
index e3371c8..d6ca74e 100644
Binary files a/media/images/gimp.png and b/media/images/gimp.png differ
diff --git a/media/images/interqom.png b/media/images/interqom.png
index 34ff6cd..d0f8498 100644
Binary files a/media/images/interqom.png and b/media/images/interqom.png differ
diff --git a/media/images/librem5-128.png b/media/images/librem5-128.png
index 50b5a5b..44e6bab 100644
Binary files a/media/images/librem5-128.png and b/media/images/librem5-128.png differ
diff --git a/media/images/libreoffice.png b/media/images/libreoffice.png
index 3dd244c..2aceda3 100644
Binary files a/media/images/libreoffice.png and b/media/images/libreoffice.png differ
diff --git a/media/images/linux-mint-96.png b/media/images/linux-mint-96.png
index fbfdead..abcd7cb 100644
Binary files a/media/images/linux-mint-96.png and b/media/images/linux-mint-96.png differ
diff --git a/media/images/logo.png b/media/images/logo.png
new file mode 100644
index 0000000..aed6bd0
Binary files /dev/null and b/media/images/logo.png differ
diff --git a/media/images/logo.svg b/media/images/logo.svg
deleted file mode 100644
index d6d8e5e..0000000
--- a/media/images/logo.svg
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 1224 792;" xml:space="preserve" viewBox="271.21 57.76 681.58 676.5">
-<style type="text/css">
-	.st0{display:none;}
-	.st1{display:inline;fill-rule:evenodd;clip-rule:evenodd;}
-	.st2{fill:none;stroke:#5791FF;stroke-width:45;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-</style>
-<g id="FOND" class="st0">
-	<rect x="216" y="-216" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1008 -216)" class="st1" width="792" height="1224"/>
-</g>
-<g id="Calque_4">
-	<g>
-		<path class="st2" d="M917.66,396.07c0,53.09-14.13,105.36-40.88,151.46c-26.89,46.1-65.44,84.38-111.95,110.99    c-46.51,26.61-99.19,40.61-152.83,40.61c-53.64,0-106.32-13.99-152.83-40.61c-46.51-26.61-85.05-64.89-111.94-110.99    c-26.75-46.09-40.89-98.36-40.89-151.46c0-53.23,14.13-105.5,40.89-151.6c26.89-46.09,65.44-84.37,111.94-110.99    c46.51-26.61,99.19-40.61,152.83-40.61c53.64,0,106.33,14,152.83,40.61c46.51,26.61,85.06,64.89,111.95,110.99    c26.75,46.1,40.88,98.37,40.88,151.46V396.07z"/>
-	</g>
-	<circle class="st3" cx="613.81" cy="173.13" r="39.45"/>
-	<circle class="st3" cx="613.81" cy="623.51" r="39.45"/>
-	<circle class="st3" cx="495.34" cy="510.15" r="39.45"/>
-	<circle class="st3" cx="391.17" cy="389.64" r="39.45"/>
-	<circle class="st3" cx="495.34" cy="276.79" r="39.45"/>
-	<circle class="st3" cx="729.47" cy="276.79" r="39.45"/>
-	<circle class="st3" cx="835.17" cy="389.38" r="39.45"/>
-	<circle class="st3" cx="614.19" cy="389.77" r="39.45"/>
-	<circle class="st3" cx="729.47" cy="510.4" r="39.45"/>
-	<path class="st3" d="M614.19,445.17c-2.96,0-5.87-0.24-8.71-0.69v124.28c2.6-0.37,5.25-0.58,7.95-0.58c2.23,0,4.42,0.15,6.58,0.4   V444.86C618.1,445.06,616.16,445.17,614.19,445.17z"/>
-	<path class="st3" d="M613.43,228.52c-2.7,0-5.35-0.2-7.95-0.58v107.11c2.84-0.45,5.75-0.69,8.71-0.69c1.97,0,3.91,0.11,5.82,0.31   V228.12C617.85,228.37,615.65,228.52,613.43,228.52z"/>
-	<path class="st3" d="M685.73,311.41l-36.16,35.72c3.74,3.11,7.05,6.7,9.87,10.68l37-36.55   C692.45,318.46,688.85,315.15,685.73,311.41z"/>
-	<path class="st3" d="M803.35,344.18l-31.87-31.88c-2.98,3.84-6.45,7.28-10.33,10.22l31.37,31.39   C795.7,350.22,799.33,346.94,803.35,344.18z"/>
-	<path class="st3" d="M539.29,311.3c-2.98,3.85-6.44,7.29-10.31,10.23l38.48,38.48c2.63-4.12,5.78-7.88,9.38-11.17L539.29,311.3z"/>
-	<path class="st3" d="M431.21,352.4l31.03-30.64c-3.89-2.92-7.37-6.35-10.37-10.18l-31.96,31.56   C424.07,345.72,427.87,348.84,431.21,352.4z"/>
-	<path class="st3" d="M539.09,476.65l42.58-42.04c-3.94-2.86-7.49-6.23-10.55-10l-42.4,41.87   C532.61,469.4,536.09,472.83,539.09,476.65z"/>
-	<path class="st3" d="M695.07,467.11l-39.96-39.99c-3.29,3.6-7.05,6.75-11.17,9.38l41.01,41.03   C687.78,473.57,691.19,470.05,695.07,467.11z"/>
-</g>
-</svg>
diff --git a/media/images/mattermost.png b/media/images/mattermost.png
index 8104919..65da060 100644
Binary files a/media/images/mattermost.png and b/media/images/mattermost.png differ
diff --git a/media/images/nitrophone-128.png b/media/images/nitrophone-128.png
index 9fc3f65..49a5122 100644
Binary files a/media/images/nitrophone-128.png and b/media/images/nitrophone-128.png differ
diff --git a/media/images/pinephone-128.png b/media/images/pinephone-128.png
index be623a7..52b0d83 100644
Binary files a/media/images/pinephone-128.png and b/media/images/pinephone-128.png differ
diff --git a/media/images/politiq.png b/media/images/politiq.png
index bb1eee9..04c3690 100644
Binary files a/media/images/politiq.png and b/media/images/politiq.png differ
diff --git a/media/images/purism-128.png b/media/images/purism-128.png
index 3ca0b6b..0f339c5 100644
Binary files a/media/images/purism-128.png and b/media/images/purism-128.png differ
diff --git a/media/images/qable.png b/media/images/qable.png
index 1abef71..a7f96c8 100644
Binary files a/media/images/qable.png and b/media/images/qable.png differ
diff --git a/media/images/qalendrier.png b/media/images/qalendrier.png
index cc384a1..dac5417 100644
Binary files a/media/images/qalendrier.png and b/media/images/qalendrier.png differ
diff --git a/media/images/qi.png b/media/images/qi.png
new file mode 100644
index 0000000..df61a27
Binary files /dev/null and b/media/images/qi.png differ
diff --git a/media/images/qommerce.png b/media/images/qommerce.png
index c85d46e..be6f13c 100644
Binary files a/media/images/qommerce.png and b/media/images/qommerce.png differ
diff --git a/media/images/qonsole.png b/media/images/qonsole.png
index 6429f04..a6c2ddd 100644
Binary files a/media/images/qonsole.png and b/media/images/qonsole.png differ
diff --git a/media/images/qontact.png b/media/images/qontact.png
index fd33a85..0672027 100644
Binary files a/media/images/qontact.png and b/media/images/qontact.png differ
diff --git a/media/images/qonvo.png b/media/images/qonvo.png
index 1237965..69f5c13 100644
Binary files a/media/images/qonvo.png and b/media/images/qonvo.png differ
diff --git a/media/images/qourrier.png b/media/images/qourrier.png
index 23ace1f..7309ba2 100644
Binary files a/media/images/qourrier.png and b/media/images/qourrier.png differ
diff --git a/media/images/raptor-128.png b/media/images/raptor-128.png
index 8c109d6..461d929 100644
Binary files a/media/images/raptor-128.png and b/media/images/raptor-128.png differ
diff --git a/media/images/signal.png b/media/images/signal.png
index 79b655e..9154e2c 100644
Binary files a/media/images/signal.png and b/media/images/signal.png differ
diff --git a/media/images/system76.png b/media/images/system76.png
index 2ea5b34..f3c1c6b 100644
Binary files a/media/images/system76.png and b/media/images/system76.png differ
diff --git a/media/images/transmission.png b/media/images/transmission.png
index e49f8ad..9476974 100644
Binary files a/media/images/transmission.png and b/media/images/transmission.png differ
diff --git a/media/images/ubuntu-logo32.png b/media/images/ubuntu-logo32.png
index 0c3778a..f28d9d3 100644
Binary files a/media/images/ubuntu-logo32.png and b/media/images/ubuntu-logo32.png differ
diff --git a/media/images/vlc.png b/media/images/vlc.png
index 0f3eb0c..1d33f21 100644
Binary files a/media/images/vlc.png and b/media/images/vlc.png differ
diff --git a/media/images/welcome-background-1080p.jpg b/media/images/welcome-background-1080p.jpg
index f6e8a01..5d8e012 100644
Binary files a/media/images/welcome-background-1080p.jpg and b/media/images/welcome-background-1080p.jpg differ
diff --git a/media/images/welcome-background-720p.jpg b/media/images/welcome-background-720p.jpg
index a081ada..79c797c 100644
Binary files a/media/images/welcome-background-720p.jpg and b/media/images/welcome-background-720p.jpg differ
diff --git a/media/images/welcome-background-mobile.jpg b/media/images/welcome-background-mobile.jpg
index 3e12ef8..bb3a708 100644
Binary files a/media/images/welcome-background-mobile.jpg and b/media/images/welcome-background-mobile.jpg differ
diff --git a/pages/en/confirmation.html b/pages/en/confirmation.html
index e4658df..c32ac74 100644
--- a/pages/en/confirmation.html
+++ b/pages/en/confirmation.html
@@ -19,10 +19,7 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>
diff --git a/pages/en/err/403.html b/pages/en/err/403.html
index 87da676..425f92f 100644
--- a/pages/en/err/403.html
+++ b/pages/en/err/403.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (403) | Forbidden Error Page</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>
diff --git a/pages/en/err/404.html b/pages/en/err/404.html
index 6a57ba2..b6d0acb 100644
--- a/pages/en/err/404.html
+++ b/pages/en/err/404.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (404) | Page Not Found Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>
diff --git a/pages/en/err/500.html b/pages/en/err/500.html
index 6699f70..e8cd3f0 100644
--- a/pages/en/err/500.html
+++ b/pages/en/err/500.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (500) | Internal Server Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>
diff --git a/pages/en/err/contact.html b/pages/en/err/contact.html
index ef0ac04..92cffd8 100644
--- a/pages/en/err/contact.html
+++ b/pages/en/err/contact.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Contact Form Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>
diff --git a/pages/en/err/general.html b/pages/en/err/general.html
index de8d5c7..e404fad 100644
--- a/pages/en/err/general.html
+++ b/pages/en/err/general.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Unexpected Error Occured</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>
diff --git a/pages/en/index.html b/pages/en/index.html
index e55c3ea..8aca152 100644
--- a/pages/en/index.html
+++ b/pages/en/index.html
@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Home</title>
   <meta name="description"
     content="The TeleQom Project is a Québec non-profit that offers paid services to fund its multiple Free/Libre Software projects" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/index.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="#top" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#about">About</a></li>
@@ -249,6 +246,15 @@
             The more people watching it, the faster it gets!</p>
           <p class="status hold">On Hold</p>
         </div>
+        <div class="project">
+          <img src="/media/images/qi.png" alt="Qi Logo">
+          <h4><span>Q</span>i</h4>
+          <p class="description">
+            Tutorials for everyone! Each page contains the other I<span>Q</span> necessary or recommended to understand the subject at hand.
+            You will be able to widen your scope of the world, all in private naturally!
+          </p>
+          <p class="status hold">On Hold</p>
+        </div>
       </div>
   </section>
   <section id="contact">
diff --git a/pages/en/services/development.html b/pages/en/services/development.html
index 23c631d..0f23ac4 100644
--- a/pages/en/services/development.html
+++ b/pages/en/services/development.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>The TeleQom Project | Development Services</title>
     <meta name="description" content="TeleQom's development services include Libre websites, mobile apps, e-commerce like OpenCart and Content Management Systems like Wordpress"/>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/development.css"/>
   </head>
   <body>
@@ -23,10 +23,7 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="#websites">Websites</a></li>
@@ -119,7 +116,7 @@
             <div class="qontribution">
               <h5><span>Q</span>ontribution</h5>
               <p>Package: <span class="green">250$</span></p>
-              <p>Hosting (<span>Q</span>ube): <span class="green">150$</span> / Year</p>
+              <p>Hosting (<span>Q</span>ube): <span class="green">150$ / Year</span></p>
             </div>
           </div>
           <div class="product">
diff --git a/pages/en/services/installation.html b/pages/en/services/installation.html
index 0ba6dd5..a54b84c 100644
--- a/pages/en/services/installation.html
+++ b/pages/en/services/installation.html
@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Installation Service</title>
   <meta name="description"
     content="The TeleQom Project offers an installation service to install Libre Software operating systems and applications of all sorts. Take a look!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/installation.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/en/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#os">OS</a></li>
diff --git a/pages/en/services/repairs.html b/pages/en/services/repairs.html
index fa50042..5015618 100644
--- a/pages/en/services/repairs.html
+++ b/pages/en/services/repairs.html
@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Repairs Service</title>
   <meta name="description"
     content="The TeleQom Project offers low cost repairs for your cellphone or computer. If you need new hardware though, here is a list of ethical suppliers!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/repairs.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/en/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#top">Repairs</a></li>
diff --git a/pages/fr/confirmation.html b/pages/fr/confirmation.html
index 585f948..a962044 100644
--- a/pages/fr/confirmation.html
+++ b/pages/fr/confirmation.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Succès! | Page de Confirmation</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css"/>
 </head>
 <header>
@@ -19,10 +19,7 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
diff --git a/pages/fr/err/403.html b/pages/fr/err/403.html
index 0260014..da52fe9 100644
--- a/pages/fr/err/403.html
+++ b/pages/fr/err/403.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (403) | Page d'Accès Refusé</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
diff --git a/pages/fr/err/404.html b/pages/fr/err/404.html
index a70f1b6..44b8dfa 100644
--- a/pages/fr/err/404.html
+++ b/pages/fr/err/404.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (404) | Erreur de Page Introuvable</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
diff --git a/pages/fr/err/500.html b/pages/fr/err/500.html
index c119e4e..e015cb3 100644
--- a/pages/fr/err/500.html
+++ b/pages/fr/err/500.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (500) | Erreur Interne du Serveur</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
diff --git a/pages/fr/err/contact.html b/pages/fr/err/contact.html
index 987a447..821227a 100644
--- a/pages/fr/err/contact.html
+++ b/pages/fr/err/contact.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Erreur du Formulaire de Contact</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
diff --git a/pages/fr/err/general.html b/pages/fr/err/general.html
index 2e4e2e7..24cbdcc 100644
--- a/pages/fr/err/general.html
+++ b/pages/fr/err/general.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Erreur du Formulaire de Contact</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
diff --git a/pages/fr/index.html b/pages/fr/index.html
index 9134c25..d331aa7 100644
--- a/pages/fr/index.html
+++ b/pages/fr/index.html
@@ -8,7 +8,7 @@
   <title>Le Projet TeleQom | Accueil</title>
   <meta name="description" content="TeleQom est un organsime à but non-lucratif Québécois qui offre des 
       services informatiques pour financer ses nombreux projets de Logiciels Libres" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/index.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="#top" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#apropos">À Propos</a></li>
@@ -284,6 +281,15 @@
           </p>
           <p class="status hold">En Attente</p>
         </div>
+        <div class="project">
+          <img src="/media/images/qi.png" alt="Qi Logo">
+          <h4><span>Q</span>i</h4>
+          <p class="description">
+            Des tutoriels pour tous! Chaque page contient les <span>Q</span>i oblgatoires et recommandés pour comprendre le sujet.
+            Il vous sera possible d'élargir votre perception du monde, le tout en privé naturellement!
+          </p>
+          <p class="status hold">En Attente</p>
+        </div>
       </div>
   </section>
   <section id="contact">
diff --git a/pages/fr/services/developpement.html b/pages/fr/services/developpement.html
index c146ebe..bbf8297 100644
--- a/pages/fr/services/developpement.html
+++ b/pages/fr/services/developpement.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Le Project TeleQom | Services de Développement</title>
     <meta name="description" content="Les services de développement de TeleQom inclus le développement de Logiciel Libres de site web, d'application mobiles , de commerces en ligne tel qu'OpenCart et de Plateforme de Gestion de Contenu tel que Wordpress"/>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/development.css"/>
   </head>
   <body>
@@ -23,17 +23,14 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="#sites-web">Sites Web</a></li>
           <li><a class="btn btn-2" href="#e-commerce">E-commerce</a></li>
           <li><a class="btn btn-2" href="#cms">CMS</a></li>
           <li><a class="btn btn-2" href="#autres">Autres</a></li>
-          <li><a class="btn btn-2" href="/pages/en/services/developpement.html">EN</a></li>
+          <li><a class="btn btn-2" href="/pages/en/services/development.html">EN</a></li>
           <li>
             <div id="mobile-nav-action-btn">
               <a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a>
diff --git a/pages/fr/services/installation.html b/pages/fr/services/installation.html
index 264d7c0..c12baee 100644
--- a/pages/fr/services/installation.html
+++ b/pages/fr/services/installation.html
@@ -8,7 +8,7 @@
   <title>Le Projet TeleQom | Service d'Installation</title>
   <meta name="description"
     content="Le Projet TeleQom offre un service d'installation de Logiciels Libres. Nous installons des systèmes d'exploitation et des apps de tout genres. Venez voir!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/installation.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/fr/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#os">OS</a></li>
diff --git a/pages/fr/services/reparation.html b/pages/fr/services/reparation.html
index 8e3eb98..8c50b53 100644
--- a/pages/fr/services/reparation.html
+++ b/pages/fr/services/reparation.html
@@ -8,7 +8,7 @@
   <title>Le Projet TeleQom | Service de Réparation</title>
   <meta name="description"
     content="Le Projet TeleQom offre un service de réparation d'ordinateurs et de cellulaires à petit prix. Si toutefois vous avez besoin d'un nouvel ordinateur, voici une liste de vendeurs éthiques!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/repairs.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/fr/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#top">Réparation</a></li>