bfh

src/App/App.css

@@ -3827,4 +3827,23 @@ height: min-content !important;
   -webkit-text-fill-color: var(--very-light-purple);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: var(--text-primary);
+}
+
+.h5-box{
+  display: grid;
+  justify-content: center;
+}
+
+.h5{
+  color: var(--text-primary) !important;
+  font-size: 1.3rem !important;
+  line-height: 1.0;
+  word-spacing: 1px !important;
+  display: grid;
+  grid-template-rows: 27px 0;
+  grid-gap: 20px;
+  align-items: center;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  align-self: center;
 }
\ No newline at end of file

src/components/Headings.tsx

@@ -109,6 +109,21 @@ export function H4({text, id}:{text: string, id?: string}){
         
     )
 }
+export function H5({text, id}:{text: string, id?: string}){
+    var idtext: string; 
+    if (id) {
+        idtext = id; 
+    }
+    else{
+        idtext = stringToSlug(text); 
+    }
+    return(
+        <div className="h5-box">
+            <h5 className="h5" id={idtext}> {text} </h5>  
+        </div>
+        
+    )
+}
 
 
 export function Hhighlight({children}:{children: React.ReactNode}){

src/components/Pdfs.tsx

 import { ButtonOne, DownloadLink } from "./Buttons"
-import { H2 } from "./Headings"
 
 
 export function PDF({link, name}: {link: string, name:string}){
@@ -27,7 +26,6 @@ export function TwoLinePDF({link, name}: {link: string, name:string}){
 export default function BFHpdf(){
     return(
     <>
-        <H2 text="PDF for Download" id="pdfH"></H2>
         <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
           <div className="col">
             <ButtonOne text="Flyers" open="flyers"></ButtonOne>

src/contents/Contribution/BFH/bfh-about.tsx

 import { Certificate } from "../../../components/poster";
-import {  H4 } from "../../../components/Headings";
+import {  H4, H5 } from "../../../components/Headings";
 import { BlockQuoteB } from "../../../components/Quotes";
 
 const haken = <span className="bfh-haken"> <big>&#x2713;</big> </span>; 
@@ -38,7 +38,7 @@ export function About(){
       <p> This album isn't just for the Grand Jamboree – you can also collect stickers from non-participating teams on the backside of the album. Let's connect, share, and make memories together! </p>
       <H4 text="Awards and Winners of the BFH Competition "/>
       <p>The event culminated in an Awards Ceremony celebrating excellence in creativity, teamwork, and innovation. Our judges, using their experience from past iGEM years, evaluated the teams' performances. The heartfelt winner, recognized for their outstanding contribution and spirit, was the team that truly embodied the values of the iGEM community. </p>
-      <H4 text="Best Presentation"/>
+      <H5 text="Best Presentation"/>
       {/* https://static.igem.wiki/teams/5247/design/icons/first-place.svg */}
       <div className="small-row winners">
         <div className="col-1">
@@ -84,7 +84,7 @@ export function About(){
         </div>
       </div>
       <br/>
-      <H4 text="Best Poster Exhibition Booth"/>
+      <H5 text="Best Poster Exhibition Booth"/>
       <div className="small-row winners">
         <div className="col-1">
           <img className="winner-img" src="https://static.igem.wiki/teams/5247/design/icons/first-place.svg "/>

src/contents/Contribution/BFH/postergallery.tsx

-import { H2 } from "../../../components/Headings";
+
 import { PosterRow, Poster } from "../../../components/poster";
 
 export function PosterGallery(){
     return(
       <>
-      <H2 text="Virtual Poster Exhibition" id="posterH"></H2>
       <PosterRow
       postername1="bielefeld"
       postername2="helsinki"