diff --git a/config.toml b/config.toml
index f3edb19..ed0a187 100644
--- a/config.toml
+++ b/config.toml
@@ -35,7 +35,7 @@ paginate = 5
     identifier="services-introduction"
     name = "Introduction"
     url  = "/en/#services"
-    weight = 10
+    weight = 11
     parent = "services"
 
 [[menu.main]]
@@ -114,7 +114,7 @@ paginate = 5
         identifier="services-introduction"
         name = "Introduzione"
         url  = "/#services"
-        weight = 10
+        weight = 11
         parent = "services"
 
     [[languages.it.menu.main]]
diff --git a/content/en/service/applications-development.md b/content/en/service/applications-development.md
index acf4c1c..076311d 100644
--- a/content/en/service/applications-development.md
+++ b/content/en/service/applications-development.md
@@ -15,7 +15,7 @@ type = 'service'
     parent = 'services'
     weight = 2
     [menu.main.params]
-      iconclass = 'bi bi-window-desktop'
+      iconclass = 'icon icon-desktop'
       title = 'Software applications design and development'
 +++
 
diff --git a/content/en/service/backend-websites-cms.md b/content/en/service/backend-websites-cms.md
index 34b4156..8a6b063 100644
--- a/content/en/service/backend-websites-cms.md
+++ b/content/en/service/backend-websites-cms.md
@@ -15,7 +15,7 @@ type = 'service'
     parent = 'services'
     weight = 4
     [menu.main.params]
-      iconclass = 'bi bi-stack'
+      iconclass = 'icon icon-layers'
       title = 'Websites and custom CMS development and integration'
       
 +++
diff --git a/content/en/service/collaboration-online-offline.md b/content/en/service/collaboration-online-offline.md
index 5d793df..14d5ac6 100644
--- a/content/en/service/collaboration-online-offline.md
+++ b/content/en/service/collaboration-online-offline.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 7
     [menu.main.params]
-      iconclass = 'bi bi-cloud-check-fill'
+      iconclass = 'icon icon-cloud'
       title = 'Online and offline collaboration solutions'
 
 +++
diff --git a/content/en/service/ecommerce.md b/content/en/service/ecommerce.md
index bd24514..540e16b 100644
--- a/content/en/service/ecommerce.md
+++ b/content/en/service/ecommerce.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 3
     [menu.main.params]
-      iconclass = 'bi bi-cart-check-fill'
+      iconclass = 'icon icon-cart'
       title = 'E-commerce platforms design, development and integration'
 
 +++
diff --git a/content/en/service/linux-clients.md b/content/en/service/linux-clients.md
index e9d28dc..07ba5e0 100644
--- a/content/en/service/linux-clients.md
+++ b/content/en/service/linux-clients.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 8
     [menu.main.params]
-      iconclass = 'bi bi-display'
+      iconclass = 'icon icon-computer'
       title = 'Linux clients: installation and configuration'
 
 +++
diff --git a/content/en/service/managed-linux-servers.md b/content/en/service/managed-linux-servers.md
index 81710d7..6ae541b 100644
--- a/content/en/service/managed-linux-servers.md
+++ b/content/en/service/managed-linux-servers.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 6
     [menu.main.params]
-      iconclass = 'bi bi-hdd-rack-fill'
+      iconclass = 'icon icon-server'
       title = 'Installation, configuration and maintenance of Linux servers on both physical and virtual (VPS) hardware'
 
 +++
diff --git a/content/en/service/open-source-domotic.md b/content/en/service/open-source-domotic.md
index 9bb81ae..1d34a3a 100644
--- a/content/en/service/open-source-domotic.md
+++ b/content/en/service/open-source-domotic.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 10
     [menu.main.params]
-      iconclass = 'bi bi-robot'
+      iconclass = 'icon icon-robot'
       title = 'Open source home automation solutions'
 +++
 
diff --git a/content/en/service/private-email.md b/content/en/service/private-email.md
index 9e7b4bd..58ea67a 100644
--- a/content/en/service/private-email.md
+++ b/content/en/service/private-email.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 5
     [menu.main.params]
-      iconclass = 'bi bi-envelope'
+      iconclass = 'icon icon-email'
       title = 'Private E-mail: hosting, security, privacy and archiving'
 
 +++
diff --git a/content/en/service/security.md b/content/en/service/security.md
index 649aead..1c02965 100644
--- a/content/en/service/security.md
+++ b/content/en/service/security.md
@@ -14,7 +14,7 @@ type = 'service'
     parent = 'services'
     weight = 9
     [menu.main.params]
-      iconclass = 'bi bi-shield-fill-check'
+      iconclass = 'icon icon-security'
       title = 'Security structures: firewalls, VPN, encryption, backups'
       
 +++
diff --git a/content/it/servizio/applications-development.md b/content/it/servizio/applications-development.md
index 0703c0b..7a287f9 100644
--- a/content/it/servizio/applications-development.md
+++ b/content/it/servizio/applications-development.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 2
     [menu.main.params]
-      iconclass = 'bi bi-window-desktop'
+      iconclass = 'icon icon-desktop'
       title = 'Progettazione e sviluppo di applicazioni software'
 +++
 
diff --git a/content/it/servizio/backend-websites-cms.md b/content/it/servizio/backend-websites-cms.md
index 6b21a95..58c9bab 100644
--- a/content/it/servizio/backend-websites-cms.md
+++ b/content/it/servizio/backend-websites-cms.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 4
     [menu.main.params]
-      iconclass = 'bi bi-stack'
+      iconclass = 'icon icon-layers'
       title = 'Sviluppo backend siti web e CMS personalizzati '
       
 +++
diff --git a/content/it/servizio/collaboration-online-offline.md b/content/it/servizio/collaboration-online-offline.md
index 7e27450..f08f57e 100644
--- a/content/it/servizio/collaboration-online-offline.md
+++ b/content/it/servizio/collaboration-online-offline.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 7
     [menu.main.params]
-      iconclass = 'bi bi-cloud-check-fill'
+      iconclass = 'icon icon-cloud'
       title = 'Soluzioni di condivisione e collaborazione online e offline'
 
 +++
diff --git a/content/it/servizio/ecommerce.md b/content/it/servizio/ecommerce.md
index 3c4d4b0..38b3cdc 100644
--- a/content/it/servizio/ecommerce.md
+++ b/content/it/servizio/ecommerce.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 3
     [menu.main.params]
-      iconclass = 'bi bi-cart-check-fill'
+      iconclass = 'icon icon-cart'
       title = "Sviluppo e integrazione di piattaforme per l'e-commerce"
 
 +++
diff --git a/content/it/servizio/linux-clients.md b/content/it/servizio/linux-clients.md
index a578ac4..12975ac 100644
--- a/content/it/servizio/linux-clients.md
+++ b/content/it/servizio/linux-clients.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 8
     [menu.main.params]
-      iconclass = 'bi bi-display'
+      iconclass = 'icon icon-computer'
       title = 'Sistemi clients con Linux: installazione e configurazione'
 
 +++
diff --git a/content/it/servizio/managed-linux-servers.md b/content/it/servizio/managed-linux-servers.md
index 5bb0b4a..c354beb 100644
--- a/content/it/servizio/managed-linux-servers.md
+++ b/content/it/servizio/managed-linux-servers.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 6
     [menu.main.params]
-      iconclass = 'bi bi-hdd-rack-fill'
+      iconclass = 'icon icon-server'
       title = 'Servers Linux gestiti'
 
 +++
diff --git a/content/it/servizio/open-source-domotic.md b/content/it/servizio/open-source-domotic.md
index 0617196..7f5b0ba 100644
--- a/content/it/servizio/open-source-domotic.md
+++ b/content/it/servizio/open-source-domotic.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 10
     [menu.main.params]
-      iconclass = 'bi bi-robot'
+      iconclass = 'icon icon-robot'
       title = 'Soluzioni di domotica open source'
       
 +++
diff --git a/content/it/servizio/private-email.md b/content/it/servizio/private-email.md
index f353db8..0b48c3b 100644
--- a/content/it/servizio/private-email.md
+++ b/content/it/servizio/private-email.md
@@ -13,7 +13,7 @@ type = 'service'
     parent = 'services'
     weight = 5
     [menu.main.params]
-      iconclass = 'bi bi-envelope'
+      iconclass = 'icon icon-email'
       title = 'E-mail privata: hosting, sicurezza ed archiviazione'
 
 +++
diff --git a/content/it/servizio/security.md b/content/it/servizio/security.md
index 5c48cfa..51102b4 100644
--- a/content/it/servizio/security.md
+++ b/content/it/servizio/security.md
@@ -14,7 +14,7 @@ type = 'service'
     parent = 'services'
     weight = 9
     [menu.main.params]
-      iconclass = 'bi bi-shield-fill-check'
+      iconclass = 'icon icon-security'
       title = 'Strutture di sicurezza: firewalls, soluzioni di crifratura, backups'
 +++
 
diff --git a/data/introduction/en/first.yaml b/data/introduction/en/home.yaml
similarity index 100%
rename from data/introduction/en/first.yaml
rename to data/introduction/en/home.yaml
diff --git a/data/introduction/it/first.yaml b/data/introduction/it/home.yaml
similarity index 100%
rename from data/introduction/it/first.yaml
rename to data/introduction/it/home.yaml
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 04a602e..a3bedfe 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -11,19 +11,19 @@
             </div>
             <div class="col-md-4 footer-contact-details">
                 <p>
-                    <span class="footer-title"><i class="bi bi-telephone"></i>{{i18n "phone"}} : </span> <a href="tel:+390464414131" title="Telephone contact">+39 0464 414131</a>
+                    <span class="footer-title"><i class="icon icon-phone"></i>{{i18n "phone"}} : </span> <a href="tel:+390464414131" title="Telephone contact">+39 0464 414131</a>
                 </p>
                 <p>
-                    <span class="footer-title"><i class="bi bi-envelope"></i>Email : </span> <a href="mailto:%72%6f%62%65%72%74%6f%40%73%70%65%65%64%74%65%63%68%2e%69%74">{{i18n "sendemail"}}</a>
+                    <span class="footer-title"><i class="icon icon-email"></i>Email : </span> <a href="mailto:%72%6f%62%65%72%74%6f%40%73%70%65%65%64%74%65%63%68%2e%69%74">{{i18n "sendemail"}}</a>
                 </p>
-                <h4><i class="bi bi-geo-alt-fill"></i>{{i18n "location"}}</h4>
+                <h4><i class="icon icon-location"></i>{{i18n "location"}}</h4>
                 <p>Viale Trento, 31
                     <br> IT-38068 Rovereto (TN) ITALY
                 </p>
             </div>
             <div class="col-md-4 footer-contact-details">
-                <h4><i class="bi bi-link"></i>Links</h4>
-                <p><i class="bi bi-git"></i> <a href="https://gitea.speedtech.it/explore/repos">Git code repository</a></p>
+                <h4><i class="icon icon-link"></i>Links</h4>
+                <p><i class="icon icon-git"></i> <a href="https://gitea.speedtech.it/explore/repos">Git code repository</a></p>
                 <p><img alt="BrainMinder" style="width: 20px;" src="https://brainminder.it/brainminder-icon.svg" /><a href="https://brainminder.it">BrainMinder</a></p>
             </div>
         </div>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 1987df0..47da9fd 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -27,12 +27,8 @@
 
   {{ hugo.Generator }}
 
-  <link rel="stylesheet" href="//brick.freetls.fastly.net/Roboto:200,300,400,500,700,900,200i,300i,400i,500i,700i,900i/Raleway:100,200,300,400,500,600,700,800,900">
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">
-  
-  <!-- Custom stylesheet - for your changes -->
-  <link href="{{ "css/styles.css?3" | relURL }}" rel="stylesheet">
+  <link href="{{ "css/main.css" | relURL }}" rel="stylesheet">
+  <link href="{{ "css/custom.css" | relURL }}" rel="stylesheet">
 
   <!-- Favicon and Apple touch icons-->
   <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon">
diff --git a/layouts/partials/services.html b/layouts/partials/home-bottom.html
similarity index 94%
rename from layouts/partials/services.html
rename to layouts/partials/home-bottom.html
index 5d233a9..4b15d7b 100644
--- a/layouts/partials/services.html
+++ b/layouts/partials/home-bottom.html
@@ -2,7 +2,7 @@
   <div class="container object-non-visible" data-animation-effect="fadeIn">
     <h2 class="text-center title">{{ i18n "services_title" }}</h2>
     <div class="space"></div>
-    <div class="row jusitfy-content-start">
+    <div class="row justify-content-start">
       {{ range (where .Site.RegularPages "Type" "service").ByParam "position" }}
 
       <div class="col-md-6">
diff --git a/static/css/custom.css b/static/css/custom.css
new file mode 100644
index 0000000..3042367
--- /dev/null
+++ b/static/css/custom.css
@@ -0,0 +1,181 @@
+.icon-desktop {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 20v-1h2v-2H3V4h18v13h-8v2h2v1zm-5-4h16V5H4zm0 0V5z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-cart {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.308 21.116q-.633 0-1.067-.434t-.433-1.066t.433-1.067q.434-.433 1.067-.433t1.066.433t.434 1.067t-.434 1.066t-1.066.434m9.384 0q-.632 0-1.066-.434t-.434-1.066t.434-1.067q.434-.433 1.066-.433t1.067.433q.433.434.433 1.067q0 .632-.433 1.066q-.434.434-1.067.434M5.881 5.5l2.669 5.616h6.635q.173 0 .307-.087q.135-.087.231-.24l2.616-4.75q.115-.212.019-.375q-.097-.164-.327-.164zm-.489-1h13.02q.651 0 .98.532q.33.531.035 1.095l-2.858 5.208q-.217.365-.564.573t-.763.208H8.1l-1.215 2.23q-.154.231-.01.5t.433.27h10.884v1H7.308q-.875 0-1.306-.738t-.021-1.482l1.504-2.68L3.808 3.5H2v-1h2.442zm3.158 6.616h7z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-layers {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 13.385L2.02 8.192L12 3l10 5.192zm0 3.807l-9.406-4.886l1.043-.573L12 16.052l8.383-4.32l1.042.574zM12 21l-9.406-4.887l1.043-.573L12 19.86l8.383-4.32l1.042.573z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-email{
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m15.489 21.27l-3.558-3.558l.708-.708l2.85 2.85l5.688-5.688l.708.707zM12 11l7.692-5H4.308zm0 1.116L4 6.885v10.5q0 .269.173.442t.443.173H9.4l1 1H4.616q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v4.926l-1 1V6.885zm0 0'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-server {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.616 20q-.691 0-1.153-.462T3 18.384V5.616q0-.691.463-1.153T4.615 4h4.577q.69 0 1.153.463t.463 1.153v12.769q0 .69-.463 1.153T9.192 20zm10.192 0q-.69 0-1.153-.462t-.463-1.153V5.615q0-.69.463-1.152T14.808 4h4.577q.69 0 1.152.463T21 5.616v12.769q0 .69-.463 1.153T19.385 20zM4.616 19h4.576q.27 0 .443-.173t.173-.442V5.615q0-.269-.174-.442Q9.462 5 9.192 5H4.616q-.27 0-.443.173T4 5.616v12.769q0 .269.173.442t.443.173m10.192 0h4.577q.269 0 .442-.173t.173-.442V5.615q0-.269-.173-.442T19.385 5h-4.577q-.27 0-.443.173t-.173.443v12.769q0 .269.173.442t.443.173m-9.423-4.615h3v-1h-3zm10.23 0h3v-1h-3zm-10.23-2.808h3v-1h-3zm10.23 0h3v-1h-3zM5.386 8.75h3v-1h-3zm10.23 0h3v-1h-3zM4.616 19H4h5.808zm10.193 0h-.616H20z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-cloud {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.654 19.346v-1h3.09q-1.794-1.561-2.519-3.073T4.5 12.077q0-2.454 1.402-4.409T9.5 4.942v1.062q-1.789.74-2.894 2.403T5.5 12.077q0 1.523.643 2.805t2.28 2.722v-3.027h1v4.77zM15 19.5q-1.02 0-1.76-.74T12.5 17q0-1.008.68-1.726t1.805-.768q.367-.881 1.147-1.444T18 12.5q1.229 0 2.134.815q.904.814 1.047 2.185h.307q.839 0 1.425.571t.587 1.404q0 .839-.58 1.432t-1.42.593zm3.4-8.77q-.252-1.14-.838-2.091t-1.985-2.223v3.007h-1v-4.77h4.77v1h-3.091q1.594 1.413 2.253 2.61q.658 1.199.897 2.468zM15 18.5h6.5q.412 0 .706-.294t.294-.706t-.294-.706t-.706-.294h-1.25v-.75q0-.937-.657-1.593T18 13.5t-1.564.57t-.667 1.372v.058H15q-.617 0-1.059.441q-.441.442-.441 1.059t.441 1.059q.442.441 1.059.441m3-2.5'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-computer {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M1.77 19.462v-1h20.46v1zm2.846-2q-.691 0-1.153-.463T3 15.846V6.077q0-.69.463-1.153t1.152-.462h14.77q.69 0 1.152.462T21 6.077v9.77q0 .69-.463 1.152t-1.153.463zm0-1h14.769q.23 0 .423-.193t.192-.423V6.077q0-.23-.192-.423q-.193-.193-.424-.193H4.616q-.231 0-.424.193Q4 5.846 4 6.077v9.77q0 .23.192.422t.423.193m-.615 0v-11z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-security {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 20.962q-3.014-.895-5.007-3.651T5 11.1V5.692l7-2.615l7 2.615V11.1q0 3.454-1.993 6.21T12 20.963m0-1.062q2.425-.75 4.05-2.962T17.95 12H12V4.144L6 6.375v5.156q0 .194.05.469H12z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-robot {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 20v-4.043q0-.667.475-1.139q.474-.472 1.14-.472h10.77q.666 0 1.14.475T19 15.96V20zm4.289-7.423q-1.78 0-3.035-1.255Q5 10.068 5 8.29t1.254-3.035T9.29 4h5.423q1.78 0 3.034 1.254T19 8.29t-1.254 3.034t-3.034 1.254zM6 19h12v-3.038q0-.27-.173-.443t-.442-.173H6.615q-.269 0-.442.173T6 15.962zm3.289-7.423h5.422q1.385 0 2.337-.952T18 8.289t-.952-2.337T14.712 5H9.289q-1.385 0-2.337.952T6 8.289t.952 2.336t2.337.952m-.001-2.558q.31 0 .52-.21t.211-.52t-.21-.52t-.52-.211t-.52.21t-.211.52t.21.52t.52.211m5.423 0q.31 0 .52-.21t.211-.52t-.21-.52t-.52-.211t-.52.21t-.211.52t.21.52t.52.211M12 8.29'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-phone {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m17.77 9.462l-.72-.708l2.1-2.1h-5.88v-1h5.88l-2.088-2.089l.707-.719l3.308 3.32zM18.93 20q-2.528 0-5.184-1.266t-4.944-3.555q-2.27-2.288-3.536-4.935T4 5.07q0-.45.3-.76T5.05 4h2.473q.408 0 .712.257t.411.659L9.142 7.3q.07.42-.025.733t-.333.513L6.59 10.592q.616 1.117 1.361 2.076t1.59 1.817q.87.87 1.874 1.62q1.004.749 2.204 1.414l2.139-2.177q.244-.263.549-.347q.304-.083.674-.033l2.103.43q.408.1.662.411t.254.712v2.435q0 .45-.31.75t-.76.3M6.122 9.654l1.92-1.765q.095-.077.124-.212q.03-.135-.01-.25l-.443-2.12q-.039-.153-.135-.23T7.327 5H5.275q-.115 0-.192.077t-.077.192q.029 1.025.321 2.14t.794 2.245m8.45 8.334q1.014.502 2.16.743q1.148.24 2 .257q.115 0 .192-.077T19 18.72v-2.008q0-.153-.077-.25q-.077-.096-.23-.134l-1.85-.379q-.116-.039-.203-.01q-.086.03-.182.125zm0 0'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-git {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M15.698 7.287L8.712.302a1.03 1.03 0 0 0-1.457 0l-1.45 1.45l1.84 1.84a1.223 1.223 0 0 1 1.55 1.56l1.773 1.774a1.224 1.224 0 0 1 1.267 2.025a1.226 1.226 0 0 1-2.001-1.334L8.579 5.963v4.353q.177.085.324.231a1.226 1.226 0 1 1-1.332-.267V5.887a1.226 1.226 0 0 1-.666-1.608L5.093 2.465l-4.79 4.79a1.03 1.03 0 0 0 0 1.457l6.986 6.986a1.03 1.03 0 0 0 1.457 0l6.953-6.953a1.03 1.03 0 0 0 0-1.458'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-location {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.5 13.5h1v-3h3v-1h-3v-3h-1v3h-3v1h3zm.5 7.52q-3.525-3.118-5.31-5.815q-1.786-2.697-1.786-4.909q0-3.173 2.066-5.234Q9.037 3 12 3t5.03 2.062q2.066 2.061 2.066 5.234q0 2.212-1.785 4.909q-1.786 2.697-5.311 5.814'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
+
+.icon-link {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.616 16.077H7.077q-1.692 0-2.884-1.192T3 12t1.193-2.885t2.884-1.193h3.539v1H7.077q-1.27 0-2.173.904Q4 10.731 4 12t.904 2.173t2.173.904h3.539zM8.5 12.5v-1h7v1zm4.885 3.577v-1h3.538q1.27 0 2.173-.904Q20 13.269 20 12t-.904-2.173t-2.173-.904h-3.538v-1h3.538q1.692 0 2.885 1.192T21 12t-1.193 2.885t-2.884 1.193z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
\ No newline at end of file
diff --git a/static/css/styles.css b/static/css/styles.css
index b88d1cc..2dffd13 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -852,10 +852,6 @@ header h4 {
     list-style-type: none;
 }
 
-.dropdown-item > i {
-  margin-right: 5px;
-}
-
 div.technologies {
   margin-top: 20px;
   margin-bottom: 10px;  
diff --git a/layouts/404.html b/themes/lean/layouts/404.html
similarity index 98%
rename from layouts/404.html
rename to themes/lean/layouts/404.html
index dffac47..c14d56d 100644
--- a/layouts/404.html
+++ b/themes/lean/layouts/404.html
@@ -1,38 +1,25 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.LanguageCode }}">
-
   {{ partial "head.html" . }}
-
   <body>
-
     <div id="all">
-
         {{ partial "nav.html" . }}
-
         <div id="content">
             <div class="container">
-
                 <div class="col-sm-6 col-sm-offset-3" id="error-page">
-
                     <div class="box">
-
                         <h3>{{ i18n "404Message" | markdownify }}</h3>
                         <h4 class="text-muted">{{ i18n "404Error" | markdownify }}</h4>
-
                         <p class="buttons"><a href="{{ "/" | relURL }}" class="btn btn-template-main"><i class="fas fa-home"></i> {{ i18n "404NavHome" | markdownify }}</a>
                         </p>
                     </div>
-
-
                 </div>
                 <!-- /.col-sm-6 -->
             </div>
             <!-- /.container -->
         </div>
         <!-- /#content -->
-
         {{ partial "footer.html" . }}
-
     </div>
   </body>
 </html>
diff --git a/layouts/index.html b/themes/lean/layouts/index.html
similarity index 87%
rename from layouts/index.html
rename to themes/lean/layouts/index.html
index 873bdc9..67bbae4 100644
--- a/layouts/index.html
+++ b/themes/lean/layouts/index.html
@@ -1,15 +1,12 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.Language.Lang }}">
-
 {{ partial "head.html" . }}
-
 <body>
   {{ partial "nav.html" . }}
-
   {{ partial "carousel.html" . }}
 
   <div id="about" class="space"></div>
-  {{ with (index .Site.Data.introduction .Site.Language.Lang).first }}
+  {{ with (index .Site.Data.introduction .Site.Language.Lang).home }}
   <div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
     <div class="container">
       <div class="row">
@@ -27,11 +24,8 @@
     </div>
   </div>
   {{ end }}
-
-  {{ partial "services.html" . }}
-
+  {{ partial "home-bottom.html" . }}
   {{ partial "footer.html" . }}
-
 </body>
 
 </html>
\ No newline at end of file
diff --git a/layouts/partials/carousel.html b/themes/lean/layouts/partials/carousel.html
similarity index 100%
rename from layouts/partials/carousel.html
rename to themes/lean/layouts/partials/carousel.html
diff --git a/themes/lean/layouts/partials/home-bottom.html b/themes/lean/layouts/partials/home-bottom.html
new file mode 100644
index 0000000..25385b3
--- /dev/null
+++ b/themes/lean/layouts/partials/home-bottom.html
@@ -0,0 +1,2 @@
+<section id="home-bottom" class="translucent-bg bg-image-1 blue" style="padding-bottom: 50px;">
+</section>
\ No newline at end of file
diff --git a/layouts/partials/nav.html b/themes/lean/layouts/partials/nav.html
similarity index 51%
rename from layouts/partials/nav.html
rename to themes/lean/layouts/partials/nav.html
index 542826c..9c98372 100644
--- a/layouts/partials/nav.html
+++ b/themes/lean/layouts/partials/nav.html
@@ -1,6 +1,6 @@
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
+<nav id="topnav">
   <div class="container">
-    <a class="navbar-brand js-scroll-trigger" href="/{{ cond (eq (.Site.Language.Lang) "it") "" .Site.Language.Lang}}">
+    <a class="navbar-brand" href="/{{ cond (eq (.Site.Language.Lang) "it") "" .Site.Language.Lang}}">
       <img class="img-fluid" src="/img/logo.svg" alt="SpeedTech">
     </a>
 
@@ -8,21 +8,20 @@
       <span class="navbar-toggler-icon"></span>
     </button>
 
-    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-      <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-
+    <div id="topmenu">
+      <ul>
         {{ $current := . }}
         {{ range .Site.Menus.main }}
         {{ $topLevel := replace .URL "/" "" }}
           {{ if .HasChildren }}
-          <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+          <li>
+            <a href="#" role="button">
               {{ .Name }}
             </a>
-            <ul class="dropdown-menu">
+            <ul>
               {{ range .Children }}
                   <li>
-                  <a class="dropdown-item" href="{{ .URL }}" title="{{ .Params.title }}">
+                  <a href="{{ .URL }}" title="{{ .Params.title }}">
                     {{with .Params.iconclass}}
                     <i class="{{ . }}"></i>
                     {{end}}
@@ -33,15 +32,15 @@
             </ul>
           </li>
           {{ else }}
-          <li class="nav-item {{ if eq $current.RelPermalink .URL | or (eq $current.Type $topLevel) | or (and (eq (default (trim .URL "/") .Identifier) "blog") (in (slice "taxonomy" "taxonomyTerm") $current.Kind)) }} active{{ end }}">
-            <a class="nav-link js-scroll-trigger" href="{{ .URL }}">{{ .Name }}</a>
+          <li class="{{ if eq $current.RelPermalink .URL | or (eq $current.Type $topLevel) | or (and (eq (default (trim .URL "/") .Identifier) "blog") (in (slice "taxonomy" "taxonomyTerm") $current.Kind)) }} active{{ end }}">
+            <a  href="{{ .URL }}">{{ .Name }}</a>
           </li>
           {{ end  }}
           {{ end }}
           {{ if .IsTranslated }}
           {{ range .Translations }}
-          <li class="nav-item">
-              <a class="nav-link" href="{{ .Permalink }}" >{{ upper .Lang }} {{ if .IsPage }} {{ end }} </a>
+          <li>
+              <a href="{{ .Permalink }}" >{{ upper .Lang }} {{ if .IsPage }} {{ end }} </a>
           </li>
           {{ end}}
           {{ end }}
diff --git a/layouts/partials/opengraph.html b/themes/lean/layouts/partials/opengraph.html
similarity index 100%
rename from layouts/partials/opengraph.html
rename to themes/lean/layouts/partials/opengraph.html
diff --git a/layouts/partials/page.html b/themes/lean/layouts/partials/page.html
similarity index 100%
rename from layouts/partials/page.html
rename to themes/lean/layouts/partials/page.html
diff --git a/layouts/partials/pagination.html b/themes/lean/layouts/partials/pagination.html
similarity index 100%
rename from layouts/partials/pagination.html
rename to themes/lean/layouts/partials/pagination.html
diff --git a/layouts/partials/widgets/article.html b/themes/lean/layouts/partials/widgets/article.html
similarity index 100%
rename from layouts/partials/widgets/article.html
rename to themes/lean/layouts/partials/widgets/article.html
diff --git a/themes/lean/static/css/custom.css b/themes/lean/static/css/custom.css
new file mode 100644
index 0000000..e69de29
diff --git a/themes/lean/static/css/main.css b/themes/lean/static/css/main.css
new file mode 100644
index 0000000..f9193e0
--- /dev/null
+++ b/themes/lean/static/css/main.css
@@ -0,0 +1,637 @@
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-LightItalic.otf') format('opentype');
+    font-weight: 300;
+    font-style: italic;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-Book.otf') format('opentype');
+    font-weight: 400;
+    font-style: normal;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-BookItalic.otf') format('opentype');
+    font-weight: 400;
+    font-style: italic;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-Medium.otf') format('opentype');
+    font-weight: 500;
+    font-style: normal;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-MediumItalic.otf') format('opentype');
+    font-weight: 500;
+    font-style: italic;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-Semibold.otf') format('opentype');
+    font-weight: 600;
+    font-style: normal;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-SemiboldItalic.otf') format('opentype');
+    font-weight: 600;
+    font-style: italic;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-Bold.otf') format('opentype');
+    font-weight: 700;
+    font-style: normal;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-BoldItalic.otf') format('opentype');
+    font-weight: 700;
+    font-style: italic;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-Black.otf') format('opentype');
+    font-weight: 900;
+    font-style: normal;
+    font-display: block;
+}
+@font-face {
+    font-family: 'Nebula Sans';
+    src: url('../fonts/NebulaSans/NebulaSans-BlackItalic.otf') format('opentype');
+    font-weight: 900;
+    font-style: italic;
+    font-display: block;
+}
+
+/* Global variables. */
+:root,
+::backdrop {
+    --nebula-font-stack: 'Nebula Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    --standard-border-radius: 5px;
+
+    /* Default (light) theme */
+    --bg-color: #fff;
+    --dark-color: rgba(33,37,41);
+    --primary-color: #2b5797;
+}
+
+/* Dark theme */
+/*
+@media (prefers-color-scheme: dark) {
+  :root,
+  ::backdrop {
+    color-scheme: dark;
+    --bg: #212121;
+    --accent-bg: #2b2b2b;
+    --text: #dcdcdc;
+    --text-light: #ababab;
+    --accent: #ffb300;
+    --accent-hover: #ffe099;
+    --accent-text: var(--bg);
+    --code: #f06292;
+    --preformatted: #ccc;
+    --disabled: #111;
+  }
+ */
+
+/* Add a bit of transparency so light media isn't so glaring in dark mode */
+/*
+img,
+video {
+  opacity: 0.8;
+}
+}
+*/
+
+/* Reset */
+
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/* Prevent font size inflation */
+html {
+    -moz-text-size-adjust: none;
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+}
+
+/* Remove default margin in favour of better control in authored CSS */
+body, h1, h2, h3, h4, p,
+figure, blockquote, dl, dd {
+    margin-block-end: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+    list-style: none;
+}
+
+/* Set core body defaults */
+body {
+    min-height: 100vh;
+    line-height: 1.5;
+}
+
+/* Set shorter line heights on headings and interactive elements */
+h1, h2, h3, h4,
+input, label {
+    line-height: 1.1;
+}
+
+/* Balance text wrapping on headings */
+h1, h2,
+h3, h4 {
+    text-wrap: balance;
+}
+
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+    text-decoration-skip-ink: auto;
+    color: currentColor;
+}
+
+/* Inherit fonts for inputs and buttons */
+input, button,
+textarea, select {
+    font-family: inherit;
+    font-size: inherit;
+}
+
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+    scroll-margin-block: 5ex;
+}
+
+h1,h2,h3,h4,h5,h6, form {
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+    color: var(--primary-color);
+}
+/* End reset */
+
+body {
+    padding-top: 130px;
+    font-family: var(--nebula-font-stack);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.col,
+.half,
+.third,
+.twothird,
+.threequarter,
+.quarter {
+    float: left;
+    width: 100%
+}
+
+.col.rest {
+    overflow: hidden;
+}
+
+.col.s1 {
+    width: 8.33333%
+}
+
+.col.s2 {
+    width: 16.66666%
+}
+
+.col.s3 {
+    width: 24.99999%
+}
+
+.col.s4 {
+    width: 33.33333%
+}
+
+.col.s5 {
+    width: 41.66666%
+}
+
+.col.s6 {
+    width: 49.99999%
+}
+
+.col.s7 {
+    width: 58.33333%
+}
+
+.col.s8 {
+    width: 66.66666%
+}
+
+.col.s9 {
+    width: 74.99999%
+}
+
+.col.s10 {
+    width: 83.33333%
+}
+
+.col.s11 {
+    width: 91.66666%
+}
+
+.col.s12 {
+    width: 99.99999%
+}
+
+.col.left {
+    text-align: left;
+}
+
+.col.right {
+    text-align: right;
+}
+
+.dropdown-item > i {
+    margin-right: 5px;
+    vertical-align: bottom;
+}
+
+.show-large {
+    display: none;
+}
+
+#topnav {
+    background-color: var(--dark-color);
+    border-bottom: 1px solid #ddd;
+    padding: 0 10px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+    height: auto;
+}
+
+#topnav .container {
+    max-width: 1140px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+}
+
+#topnav ul > li >a {
+    color: white;
+}
+
+#topnav .navbar-brand img {
+    height: 50px;
+}
+
+#topnav .container {
+    display: flex;
+}
+
+#topmenu {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex-grow: 1;
+}
+
+#topmenu ul  {
+    list-style: none;
+}
+
+#topmenu ul li {
+    display: block;
+    float: left;
+    padding: 1rem;
+    position: relative;
+    text-decoration: none;
+    transition-duration: 0.5s;
+    font-weight: 500;
+}
+
+#topmenu ul li ul {
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid rgba(0,0,0,.15);
+    border-radius: .25rem;
+    visibility: hidden;
+    opacity: 0;
+    min-width: 5rem;
+    position: absolute;
+    transition: all 0.5s ease;
+    margin-top: 1rem;
+    left: 0;
+    display: none;
+    z-index: 1000;
+    padding-left: 0;
+}
+
+#topmenu ul li ul li {
+    clear: both;
+    width: 100%;
+    padding: 0.25rem;
+    text-align: left;
+    white-space: nowrap;
+    background-color: transparent;
+    border: 0;
+}
+
+#topmenu ul li ul li .icon {
+    vertical-align: middle;
+}
+
+#topmenu ul li ul a {
+    color: var(--dark-color);
+}
+
+#topmenu ul li:hover > ul,
+#topmenu ul li:focus-within > ul,
+#topmenu ul li ul:hover,
+#topmenu ul li ul:focus {
+    visibility: visible;
+    opacity: 1;
+    display: block;
+}
+
+#topmenu ul li ul li {
+    clear: both;
+    width: 100%;
+}
+
+/* Extra small */
+@media (max-width: 576px) {
+    .table-all.responsive table,
+    .table-all.responsive thead,
+    .table-all.responsive tbody,
+    .table-all.responsive th,
+    .table-all.responsive td,
+    .table-all.responsive tr {
+        display: block;
+    }
+
+    .table-all thead tr {
+        position: absolute;
+        top: -9999px;
+        left: -9999px;
+    }
+
+    .table-all.responsive tr {
+        margin-bottom: 10px;
+        border: 1px solid #ddd;
+    }
+
+    .table-all.responsive td {
+        border: none;
+        position: relative;
+        padding-left: 30%;
+    }
+
+    .table-all.responsive td.no-label {
+        padding-left: 6px;
+    }
+
+    .table-all.responsive td.title {
+        color: #2b5797;
+        font-weight: 400;
+        font-size: 18px;
+    }
+
+    .table-all.responsive td:before {
+        position: absolute;
+        left: 6px;
+        content: attr(data-label);
+        font-weight: bold;
+    }
+
+    .table-all.responsive td.no-label:before {
+        position: absolute;
+        left: 6px;
+        content: "";
+        font-weight: bold;
+    }
+
+    .hide-xsmall {
+        display: none !important
+    }
+}
+
+/* Small */
+@media (min-width:577px) and (max-width: 767px) {
+}
+
+/* Minimum small */
+@media (min-width:576px) {
+    .col.half {
+        width: 49.99999%;
+    }
+    .col.m6, .col.half:first-child {
+        padding-right:10px;
+    }
+}
+
+/* Max small */
+@media (max-width: 767px) {
+    .col.s1 {
+        width: 8.33333%
+    }
+
+    .col.s2 {
+        width: 16.66666%
+    }
+
+    .col.s3 {
+        width: 24.99999%
+    }
+
+    .col.s4 {
+        width: 33.33333%
+    }
+
+    .col.s5 {
+        width: 41.66666%
+    }
+
+    .col.s6 {
+        width: 49.99999%
+    }
+
+    .col.s7 {
+        width: 58.33333%
+    }
+
+    .col.s8 {
+        width: 66.66666%
+    }
+
+    .col.s9 {
+        width: 74.99999%
+    }
+
+    .col.s10 {
+        width: 83.33333%
+    }
+
+    .col.s11 {
+        width: 91.66666%
+    }
+
+    .col.s12 {
+        width: 99.99999%
+    }
+}
+
+/* Medium */
+@media (min-width:768px) and (max-width: 991px) {
+    .col.m1 {
+        width: 8.33333%
+    }
+
+    .col.m2 {
+        width: 16.66666%
+    }
+
+    .col.m3 {
+        width: 24.99999%
+    }
+
+    .col.m4 {
+        width: 33.33333%
+    }
+
+    .col.m5 {
+        width: 41.66666%
+    }
+
+    .col.m6 {
+        width: 49.99999%
+    }
+
+    .col.m7 {
+        width: 58.33333%
+    }
+
+    .col.m8 {
+        width: 66.66666%
+    }
+
+    .col.m9 {
+        width: 74.99999%
+    }
+
+    .col.m10 {
+        width: 83.33333%
+    }
+
+    .col.m11 {
+        width: 91.66666%
+    }
+
+    .col.m12 {
+        width: 99.99999%
+    }
+}
+
+/* Min medium */
+@media (min-width: 768px) {
+    .hide-medium {
+        display: none !important
+    }
+}
+
+/* Large */
+@media (min-width:992px) {
+    .col.l1 {
+        width: 8.33333%
+    }
+
+    .col.l2 {
+        width: 16.66666%
+    }
+
+    .col.l3 {
+        width: 24.99999%
+    }
+
+    .col.l4 {
+        width: 33.33333%
+    }
+
+    .col.l5 {
+        width: 41.66666%
+    }
+
+    .col.l6 {
+        width: 49.99999%
+    }
+
+    .col.l7 {
+        width: 58.33333%
+    }
+
+    .col.l8 {
+        width: 66.66666%
+    }
+
+    .col.l9 {
+        width: 74.99999%
+    }
+
+    .col.l10 {
+        width: 83.33333%
+    }
+
+    .col.l11 {
+        width: 91.66666%
+    }
+
+    .col.l12 {
+        width: 99.99999%
+    }
+
+    .hide-large {
+        display: none !important;
+    }
+
+    .show-large {
+        display: inline !important;
+    }
+
+    #main-sidebar {
+        display: block !important;
+    }
+
+    .row > .half:first {
+        padding-right: 4px;
+    }
+
+    .row > .half:nth-child(2) {
+        padding-left: 4px;
+    }
+}
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-Black.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-Black.otf
new file mode 100644
index 0000000..9296c41
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-Black.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-BlackItalic.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-BlackItalic.otf
new file mode 100644
index 0000000..1a154d3
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-BlackItalic.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-Bold.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-Bold.otf
new file mode 100644
index 0000000..d7c98cc
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-Bold.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-BoldItalic.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-BoldItalic.otf
new file mode 100644
index 0000000..e6ca7ca
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-BoldItalic.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-Book.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-Book.otf
new file mode 100644
index 0000000..25baf7b
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-Book.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-BookItalic.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-BookItalic.otf
new file mode 100644
index 0000000..71acfe0
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-BookItalic.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-Light.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-Light.otf
new file mode 100644
index 0000000..5f60d5e
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-Light.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-LightItalic.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-LightItalic.otf
new file mode 100644
index 0000000..5c8c20d
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-LightItalic.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-Medium.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-Medium.otf
new file mode 100644
index 0000000..1ff88ad
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-Medium.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-MediumItalic.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-MediumItalic.otf
new file mode 100644
index 0000000..e6454c9
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-MediumItalic.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-Semibold.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-Semibold.otf
new file mode 100644
index 0000000..47873ca
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-Semibold.otf differ
diff --git a/themes/lean/static/fonts/NebulaSans/NebulaSans-SemiboldItalic.otf b/themes/lean/static/fonts/NebulaSans/NebulaSans-SemiboldItalic.otf
new file mode 100644
index 0000000..b25a8f8
Binary files /dev/null and b/themes/lean/static/fonts/NebulaSans/NebulaSans-SemiboldItalic.otf differ