diff --git a/components/headers/Header.jsx b/components/headers/Header.jsx
index 2393743..828ff89 100644
--- a/components/headers/Header.jsx
+++ b/components/headers/Header.jsx
@@ -16,7 +16,7 @@ export default async function Header() {
   return (
     <header className="relative w-full !bg-[#fefefe]">
       <nav className="navbar navbar-expand-lg transparent navbar-light w-full">
-        <div className="container mx-auto flex flex-row flex-nowrap items-center px-4">
+        <div className="container xl:!flex-row lg:!flex-row !flex-nowrap items-center px-4">
           <div className="navbar-brand">
             <Link href={`/`}>
               <Image
diff --git a/public/files/banner-aboutc7ca89.jpg b/public/files/banner-aboutc7ca89.jpg
new file mode 100644
index 0000000..12fdc3f
Binary files /dev/null and b/public/files/banner-aboutc7ca89.jpg differ