diff --git a/css/layout.css b/css/layout.css
index 3ee1a07..321c095 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -5,10 +5,25 @@ body {
     padding: 0;
 }
 
+header {
+    position: relative;
+    text-align: center;
+}
+
 header img {
     width: 100%;
 }
 
+.header-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    font-size: 48px;
+    font-weight: bold;
+}
+
 nav, footer {
     background-color: #625B5B;
     color: white;
diff --git a/i1.html b/i1.html
index 5f6cdc9..7ac7fd3 100644
--- a/i1.html
+++ b/i1.html
@@ -6,8 +6,9 @@
     <link rel="stylesheet" href="css/layout.css">
 </head>
 <body>
-    <header>
-        <img src="imgs/baner.png" alt="kursy komputerowe">
+    <header style="position: relative; text-align: center;">
+        <img src="imgs/baner.png" alt="kursy komputerowe" style="width: 100%;">
+        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 48px; font-weight: bold;">hello</div>
     </header>
     <nav>
         <a href="i1.html">Strona główna</a>
diff --git a/raty.html b/raty.html
index dec9d96..7236ca1 100644
--- a/raty.html
+++ b/raty.html
@@ -6,8 +6,9 @@
     <link rel="stylesheet" href="css/layout.css">
 </head>
 <body>
-    <header>
-        <img src="imgs/baner.png" alt="kursy komputerowe">
+    <header style="position: relative; text-align: center;">
+        <img src="imgs/baner.png" alt="kursy komputerowe" style="width: 100%;">
+        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 48px; font-weight: bold;">hello</div>
     </header>
     <nav>
         <a href="i1.html">Strona główna</a>
