diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index fe704eb2..2e6b2dbe 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -109,4 +109,18 @@
     border-top: 1px solid #FF6E00;
     margin-top: 5px;
     margin-bottom: 5px;
-  }
\ No newline at end of file
+  }
+
+  .header-with-image2 {
+    text-align: center;
+  }
+  
+  .header-with-image2 img {
+    display: inline-block;
+
+  }
+
+  .line {
+    border-top: 1px solid #FF6E00; /* Change color and thickness as needed */
+    margin: 10px 0; /* Adjust spacing between the line and the divs */
+}
\ No newline at end of file
diff --git a/hugo_stats.json b/hugo_stats.json
index fe539ee0..e616e809 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -14,6 +14,7 @@
       "h1",
       "h2",
       "h4",
+      "h5",
       "head",
       "header",
       "hr",
@@ -99,6 +100,7 @@
       "h3",
       "header",
       "header-with-image",
+      "header-with-image2",
       "hidden",
       "hr-list",
       "hr-list2",
@@ -136,6 +138,7 @@
       "lg:text-right",
       "lg:w-1/2",
       "lg:w-auto",
+      "line",
       "link",
       "list",
       "list-item",
diff --git a/layouts/events/list.html b/layouts/events/list.html
index fa290ad9..7dbb085b 100644
--- a/layouts/events/list.html
+++ b/layouts/events/list.html
@@ -14,13 +14,18 @@
           <a class="link" href="{{ .RelPermalink }}" style="color: #FF6E00">{{ .Title }}</a>
         </div>
         <hr class="hr-list">
+        
         <time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
         <hr class="hr-list2">
       </li>
+      <div class="line"></div>
       {{ end }}
     </ul>
+    
   </section>
   {{ end }}
 </ul>
+
 </div>
+
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index ed3a25fe..6cce16b5 100755
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -45,12 +45,15 @@
 <div class="container">
   <div class="grid-container">
     {{ range $i, $e := .Params.features3 }}
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="{{ .image }}" alt="Image">
-        <h4 class="mb-4">{{ .title | markdownify }}</h4>
+        <h5 class="mb-4">{{ .title | markdownify }}</h4>
       </div>
 
+
       <p class="mb-8 text-lg">{{ .content | markdownify }}
         {{ with .button }} {{ if .enable }}
         <a class="mt-6" href="{{ .link | absURL }}" style="color:#FF6E00">
diff --git a/public/css/style.css b/public/css/style.css
index 1bd67e14..9b6cce5e 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -3029,6 +3029,18 @@ input#nav-toggle:checked ~ #nav-menu {
   margin-top: 5px;
   margin-bottom: 5px; }
 
+.header-with-image2 {
+  text-align: center; }
+
+.header-with-image2 img {
+  display: inline-block; }
+
+.line {
+  border-top: 1px solid #FF6E00;
+  /* Change color and thickness as needed */
+  margin: 10px 0;
+  /* Adjust spacing between the line and the divs */ }
+
 @media (min-width: 540px) {
 
   .sm\:col-10 {
diff --git a/public/events/index.html b/public/events/index.html
index 27f50f64..b2316713 100644
--- a/public/events/index.html
+++ b/public/events/index.html
@@ -697,24 +697,31 @@
           <a class="link" href="/events/waag-state-internet-2024/" style="color: #FF6E00">State of the Internet 2024</a>
         </div>
         <hr class="hr-list">
+        
         <time class="g time" datetime="2024-04-02">02-04-2024</time>
         <hr class="hr-list2">
       </li>
+      <div class="line"></div>
       
       <li class="list-item">
         <div class="content">
           <a class="link" href="/events/waag-state-internet-2024-copy/" style="color: #FF6E00">State of the Internet 2024</a>
         </div>
         <hr class="hr-list">
+        
         <time class="g time" datetime="2024-04-02">02-04-2024</time>
         <hr class="hr-list2">
       </li>
+      <div class="line"></div>
       
     </ul>
+    
   </section>
   
 </ul>
+
 </div>
+
 </main>
 
     
diff --git a/public/index.html b/public/index.html
index ee2342dc..f79dd913 100644
--- a/public/index.html
+++ b/public/index.html
@@ -802,23 +802,29 @@
 <div class="container">
   <div class="grid-container">
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">Consortium</h4>
+        <h5 class="mb-4">Consortium</h4>
       </div>
 
+
       <p class="mb-8 text-lg">The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag.
           
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">NLnet</h4>
+        <h5 class="mb-4">NLnet</h4>
       </div>
 
+
       <p class="mb-8 text-lg">NLnet supports organisations and people who contribute to an open internet for all. They fund projects that help fix the internet through open hardware, open software, open standards, open science and open data.
          
         <a class="mt-6" href="//localhost:1313/nlnet" style="color:#FF6E00">
@@ -829,12 +835,15 @@
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">Open Internet Discourse</h4>
+        <h5 class="mb-4">Open Internet Discourse</h4>
       </div>
 
+
       <p class="mb-8 text-lg">The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.
          
         <a class="mt-6" href="//localhost:1313/oid" style="color:#FF6E00">
@@ -845,12 +854,15 @@
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">Tweag</h4>
+        <h5 class="mb-4">Tweag</h4>
       </div>
 
+
       <p class="mb-8 text-lg">Tweag is the open source program office (OSPO) of Modus Create, and has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers.
          
         <a class="mt-6" href="//localhost:1313/tweag" style="color:#FF6E00">
@@ -861,12 +873,15 @@
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">NORDUnet</h4>
+        <h5 class="mb-4">NORDUnet</h4>
       </div>
 
+
       <p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.
          
         <a class="mt-6" href="//localhost:1313/nordunet" style="color:#FF6E00">