diff --git a/src/components/Header.astro b/src/components/Header.astro
index 23e0c93..a0ba9e8 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,11 +1,12 @@
 ---
 import Button from "./ui/Button.astro";
+import { Icon } from "astro-icon/components";
 ---
 
 <div>
-  <div class="md:flex justify-between px-8 md:px-0 md:py-4">
+  <div class="flex justify-between px-8 md:px-0 md:py-4">
     <div class="border-l-4 border-colorPrimary pl-4">
-      <p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-3xl md:text-lg">
+      <p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-2xl md:text-lg">
         <a href="/">Centro del Reino<br /> De Paz y Justicia</a>
       </p>
     </div>
@@ -21,15 +22,20 @@ import Button from "./ui/Button.astro";
         <input id="my-drawer-1" type="checkbox" class="drawer-toggle" />
         <div class="drawer-content">
           <!-- Page content here -->
-          <label for="my-drawer-1" class="btn drawer-button">Open drawer</label>
+          <label for="my-drawer-1" class="btn-ghost drawer-button"><Icon name="ph:list" class="text-white text-4xl font-bold" /></label>
         </div>
         <div class="drawer-side">
           <label for="my-drawer-1" aria-label="close sidebar" class="drawer-overlay"></label>
-          <ul class="menu min-h-full w-80 p-4 bg-[#22523F] text-white">
+          <ul class="menu min-h-full w-80 p-4 bg-[url(/img/mid-logo-2.webp)] bg-no-repeat bg-contain bg-center bg-[#22523F] text-white">
             <!-- Sidebar content here -->
-              <p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-xl ">
-                <a href="/">Centro del Reino<br /> De Paz y Justicia</a>
-              </p>
+             <div class="flex gap-2 justify-center items-center mb-8 mt-8">
+              <img class="w-1/3 object-contain" src="/img/logo-metalico.webp" alt="Logo Centro del Reino de Paz y Justicia" />
+                <p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-lg ">
+                  <a href="/">Centro del Reino<br /> De Paz y Justicia</a>
+                </p>
+                
+             </div>
+              
               <div class="font-primary font-bold flex flex-col gap-1 text-lg p-0">
                 <li><a><a class="hover:text-colorPrimary transition" href="#somos">Somos</a></a></li>
                 <li><a><a class="hover:text-colorPrimary transition" href="#programs">Programas</a></a></li>
diff --git a/src/pages/news/[id].astro b/src/pages/news/[id].astro
index 9305c9f..ac18baf 100644
--- a/src/pages/news/[id].astro
+++ b/src/pages/news/[id].astro
@@ -21,16 +21,16 @@ const { Content } = await render(post);
 ---
 
 <MainLayout>
-  <!-- <div class="container mx-auto py-16">
+  <div class="container mx-auto py-16">
     <Header />
-  </div> -->
+  </div>
 
   <TitleSection title={post.data.title} />
 
   <div class="container mx-auto">
     {post.data.gallery && <CarouselSection images={post.data.gallery} />}
     <div class="grid md:grid-cols-10">
-      <div class="md:col-span-7 bg-white p-8 md:p-20 prose-p:mb-4 text-black">
+      <div class="md:col-span-7 bg-white p-8 md:p-20 prose-p:mb-4 text-[#003421]">
         <Content />
       </div>
       <div class="md:col-span-3 bg-tertiary">