diff --git a/OrdersManagement/Components/App.razor b/OrdersManagement/Components/App.razor
index 8b82625..bf51599 100644
--- a/OrdersManagement/Components/App.razor
+++ b/OrdersManagement/Components/App.razor
@@ -9,6 +9,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" rel="stylesheet" />
     <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />
     <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="app.css" />
     <link rel="stylesheet" href="OrdersManagement.styles.css" />
     <link href="material.css" rel="stylesheet"/>
diff --git a/OrdersManagement/Components/Layout/MainLayout.razor b/OrdersManagement/Components/Layout/MainLayout.razor
index 12352ce..2f3c64d 100644
--- a/OrdersManagement/Components/Layout/MainLayout.razor
+++ b/OrdersManagement/Components/Layout/MainLayout.razor
@@ -5,52 +5,86 @@
 @inherits LayoutComponentBase
 
 <div class="page">
-   
-    <SfSidebar Width="240px" IsOpen="true" Type="SidebarType.Push" Position="SidebarPosition.Left">
-        <ChildContent>
-            <div class="top-row">
-                <h5 class="sidebar-title">FA Krosno Manager</h5>
-            </div>
-            <SfMenu Items="@MenuItems" Orientation="Orientation.Vertical">
-                <MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents>
-                <MenuFieldSettings Text="Text" Children="Children" ></MenuFieldSettings>
-            </SfMenu>
-        </ChildContent>
-    </SfSidebar>
 
-    <main>
-        <div class="bb-top-row px-4 d-flex justify-content-end">
-            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
-        </div>
-        <article class="content px-4">
-            <div class="py-2">@Body</div>
-        </article>
-    </main>
+	<main class="container-fluid">
+		<div class="bb-top-row px-4 d-flex justify-content-between align-items-center mb-3">
+			<div class="d-flex align-items-center">
+				<svg class="me-2" width="24" height="24" viewBox="0 0 24 24">
+					<path class="st0" d="M133.7,590.8l20.1-19.8h-13.2l-18.1,18.5V571h-9.7v46.9h9.7v-16.1l4.5-4.4l14.5,20.5h12.2L133.7,590.8
+		L133.7,590.8z M192.9,603.7c-1.1-2.9-2.5-5.1-4.3-6.7c0.2-0.1,0.4-0.1,0.5-0.3c1.4-0.8,2.6-1.8,3.6-2.9c1-1.2,1.7-2.5,2.2-4
+		s0.8-3.1,0.8-4.8c0-1.9-0.4-3.9-1.1-5.8c-0.8-1.9-1.9-3.6-3.5-4.9c-0.9-0.8-1.9-1.4-2.9-1.9c-1-0.4-2-0.8-3.1-1
+		c-1.1-0.2-2.1-0.3-3.3-0.4c-1.1,0-2.2-0.1-3.4-0.1h-21v46.9h9.7v-18.4h8.6c0.9,0,1.7,0.1,2.5,0.4c0.8,0.2,1.5,0.6,2.2,1.1
+		c0.6,0.5,1.2,1.1,1.7,1.7c0.5,0.7,0.9,1.4,1.2,2.3l4.6,12.8h10.2C198.1,617.9,192.9,603.7,192.9,603.7L192.9,603.7z M178,590.5
+		h-10.8v-10.9h11.6c6.4,0,7.3,2.7,7.3,5.3c0,2.1-0.5,3.5-1.5,4.3C183.7,589.8,181.9,590.5,178,590.5L178,590.5z M247.1,584.7
+		c-1.1-3-2.7-5.6-4.6-7.7c-2-2.1-4.4-3.8-7.2-5c-2.7-1.2-5.8-1.8-9-1.8s-6.3,0.6-9,1.8c-2.7,1.1-5.2,2.8-7.2,4.9
+		c-2,2.1-3.6,4.7-4.7,7.7c-1.1,2.9-1.6,6.3-1.6,9.8s0.5,6.8,1.6,9.8s2.7,5.6,4.7,7.7c2,2.1,4.4,3.8,7.2,5c2.8,1.2,5.8,1.7,9.1,1.7
+		s6.3-0.6,9.1-1.8c2.7-1.2,5.1-2.9,7.1-5.1c2-2.1,3.5-4.7,4.6-7.7c1.1-2.9,1.6-6.2,1.6-9.7C248.8,590.9,248.2,587.6,247.1,584.7
+		L247.1,584.7z M239.1,594.4c0,2.5-0.3,4.8-1,6.7c-0.6,1.9-1.5,3.5-2.7,4.8c-1.1,1.3-2.5,2.3-4,2.9c-1.6,0.7-3.3,1-5.2,1
+		s-3.6-0.3-5.2-1c-1.5-0.7-2.8-1.6-3.9-2.9c-1.2-1.3-2-2.9-2.7-4.8c-0.7-1.9-1-4.2-1-6.7s0.3-4.8,1-6.7c0.7-1.9,1.5-3.5,2.7-4.8
+		c1.1-1.3,2.4-2.2,4-2.9c1.6-0.7,3.3-1,5.2-1c1.8,0,3.5,0.3,5.1,1c1.5,0.6,2.9,1.6,3.9,2.9c1.1,1.3,2,2.9,2.7,4.8
+		C238.7,589.6,239.1,591.9,239.1,594.4L239.1,594.4z M292.4,599.2c-0.5-1.4-1.2-2.6-2.1-3.6c-0.9-1-1.9-1.9-3.1-2.6
+		c-1.1-0.7-2.3-1.3-3.5-1.7c-1.2-0.4-2.6-0.9-4.1-1.3s-3.3-0.9-5.3-1.3c-1.9-0.4-3.4-0.8-4.6-1.2c-1.1-0.3-1.9-0.7-2.5-1.1
+		c-0.5-0.3-0.8-0.6-1-1c-0.2-0.4-0.3-0.9-0.3-1.5c0-1.4,0.6-2.4,1.7-3.2c1.4-1,3.5-1.5,6.2-1.5c7.1,0,8.4,3.3,8.7,6.1l0.2,1.8h9.3
+		l-0.1-2c-0.1-2.3-0.6-4.4-1.5-6.3c-1-1.9-2.3-3.4-3.9-4.7c-1.6-1.3-3.6-2.2-5.8-2.9c-2.2-0.6-4.6-1-7.2-1c-2.5,0-4.8,0.3-6.8,1
+		c-2.1,0.7-4,1.6-5.5,2.8c-1.6,1.2-2.8,2.7-3.6,4.4c-0.9,1.7-1.3,3.6-1.3,5.6c0,1.9,0.3,3.5,1,5c0.6,1.5,1.6,2.8,3,4
+		c1.2,1,2.9,2,4.8,2.8c1.8,0.8,4,1.4,6.5,1.9s4.5,1.1,6.1,1.5c1.5,0.4,2.8,0.9,3.7,1.5c0.7,0.4,1.3,0.9,1.6,1.4s0.4,1.2,0.4,2
+		c0,0.8-0.2,1.5-0.5,2.1c-0.4,0.6-0.9,1.2-1.6,1.7s-1.6,0.9-2.7,1.2c-1.1,0.3-2.4,0.4-3.8,0.4c-1.5,0-2.9-0.2-4.1-0.5
+		c-1.2-0.3-2.3-0.8-3.2-1.4s-1.6-1.4-2.2-2.3c-0.6-0.9-0.9-2.1-1-3.4l-0.1-1.8h-7.3h-2v2c0.1,2.4,0.5,4.6,1.4,6.6
+		c0.9,2,2.2,3.8,4,5.3c1.7,1.5,3.8,2.6,6.3,3.4c2.4,0.8,5.3,1.1,8.5,1.1c2.5,0,4.9-0.3,7-1c2.2-0.7,4.1-1.7,5.7-3
+		c1.6-1.3,2.9-2.9,3.8-4.7c1-1.9,1.4-3.9,1.4-6.1C293.2,602.1,293,600.6,292.4,599.2L292.4,599.2z M330.3,571v29.5L310.7,571h-8.8
+		v46.9h9.4v-29.5l19.6,29.5h8.8V571H330.3L330.3,571z M391.6,584.7c-1.1-3-2.7-5.6-4.7-7.7s-4.4-3.8-7.2-5c-2.8-1.2-5.8-1.8-9-1.8
+		s-6.3,0.6-9,1.8c-2.7,1.1-5.2,2.8-7.2,4.9c-2,2.1-3.6,4.7-4.7,7.7c-1.1,2.9-1.6,6.3-1.6,9.8s0.6,6.8,1.6,9.8c1.1,3,2.7,5.6,4.7,7.7
+		c2,2.1,4.4,3.8,7.2,5c2.7,1.2,5.8,1.7,9.1,1.7c3.3,0,6.3-0.6,9-1.8c2.8-1.2,5.2-2.9,7.2-5.1c2-2.1,3.5-4.7,4.6-7.7
+		c1.1-2.9,1.6-6.2,1.6-9.7C393.2,590.9,392.6,587.6,391.6,584.7L391.6,584.7z M383.5,594.4c0,2.5-0.3,4.8-1,6.7
+		c-0.6,1.9-1.5,3.5-2.7,4.8c-1.1,1.3-2.5,2.3-4,2.9c-1.6,0.7-3.3,1-5.2,1c-1.9,0-3.6-0.3-5.1-1s-2.9-1.6-4-2.9
+		c-1.1-1.3-2-2.9-2.7-4.8c-0.6-1.9-1-4.2-1-6.7s0.3-4.8,1-6.7c0.7-1.9,1.6-3.5,2.7-4.8c1.1-1.3,2.5-2.2,4-2.9c1.6-0.7,3.3-1,5.2-1
+		c1.8,0,3.5,0.3,5.1,1c1.5,0.6,2.8,1.6,4,2.9c1.1,1.3,2,2.9,2.7,4.8C383.2,589.6,383.5,591.9,383.5,594.4L383.5,594.4z"/>
+					<path class="st1" d="M112.8,177v373h274.3V177H112.8L112.8,177z M365.1,528.1H134.7V198.9h230.4V528.1L365.1,528.1z M307.5,303.2
+		l-62-0.1v78.4h-25.9V281.1h87.9v-53.3H163.9l-0.1,223.8l55.8,55.9V403.6h25.9v103.8l29.6-29.5v-74.2h31.1l12.4,30.9l30-30
+		L307.5,303.2L307.5,303.2z M275.1,381.5v-55.7l22.2,55.7H275.1L275.1,381.5z"/>
+				</svg>
+				<span>FA Krosno Manager</span>
+			</div>
+			<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
+		</div>
+		<div class="row gx-1">
+			<div class="col-auto custom-menu-width mb-3">
+				<SfMenu HamburgerMode="true" Title="FA Krosno Manager" Items="@MenuItems"
+				        Orientation="Orientation.Vertical" CssClass="custom-menu">
+					<MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents>
+					<MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings>
+				</SfMenu>
+			</div>
+			<article class="content col">
+				<div class="py-2">@Body</div>
+			</article>
+		</div>
+	</main>
 
 </div>
 
 @code {
-    private List<MenuItem> MenuItems { get; set; } = new();
-    
-    protected override void OnInitialized()
-    {
-        MenuItems = new List<MenuItem>
-        {
-            new() { Text = "Zamówienia DELFOR", Url = "/", IconCss = "fas fa-home", HtmlAttributes = new Dictionary<string, object> { { "style", "width: 240px;" }}},
-            new() { Text = "Zamówienia klienta EDI", Url = "/EdiCustomerOrders", IconCss = "fas fa-database" },
-            new() { Text = "Zamówienia klienta", Url = "/CustomerOrders", IconCss = "fas fa-database" }
-        };
-    }
+	private List<MenuItem> MenuItems { get; set; } = new();
 
-    private void OnMenuItemSelected(MenuEventArgs<MenuItem> args)
-    {
-        NavigationManager.NavigateTo(args.Item.Url);
-    }
+	protected override void OnInitialized()
+	{
+		MenuItems = new List<MenuItem>
+		{
+			new() { Text = "Zamówienia DELFOR", Url = "/", IconCss = "fas fa-home", HtmlAttributes = new Dictionary<string, object> { { "style", "width: 240px;" } } },
+			new() { Text = "Zamówienia klienta EDI", Url = "/EdiCustomerOrders", IconCss = "fas fa-database" },
+			new() { Text = "Zamówienia klienta", Url = "/CustomerOrders", IconCss = "fas fa-database" }
+		};
+	}
+
+	private void OnMenuItemSelected(MenuEventArgs<MenuItem> args)
+	{
+		NavigationManager.NavigateTo(args.Item.Url);
+	}
 
 }
 
 <div id="blazor-error-ui">
-    An unhandled error has occurred.
-    <a href="" class="reload">Reload</a>
-    <a class="dismiss">🗙</a>
+	An unhandled error has occurred.
+	<a href="" class="reload">Reload</a>
+	<a class="dismiss">🗙</a>
 </div>
\ No newline at end of file
diff --git a/OrdersManagement/wwwroot/logo.svg b/OrdersManagement/wwwroot/logo.svg
new file mode 100644
index 0000000..494095c
--- /dev/null
+++ b/OrdersManagement/wwwroot/logo.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="112.8 177 280.4 441.6" style="enable-background:new 112.8 177 280.4 441.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#706F6F;}
+	.st1{fill:#B12009;}
+</style>
+<g>
+	<path class="st0" d="M133.7,590.8l20.1-19.8h-13.2l-18.1,18.5V571h-9.7v46.9h9.7v-16.1l4.5-4.4l14.5,20.5h12.2L133.7,590.8
+		L133.7,590.8z M192.9,603.7c-1.1-2.9-2.5-5.1-4.3-6.7c0.2-0.1,0.4-0.1,0.5-0.3c1.4-0.8,2.6-1.8,3.6-2.9c1-1.2,1.7-2.5,2.2-4
+		s0.8-3.1,0.8-4.8c0-1.9-0.4-3.9-1.1-5.8c-0.8-1.9-1.9-3.6-3.5-4.9c-0.9-0.8-1.9-1.4-2.9-1.9c-1-0.4-2-0.8-3.1-1
+		c-1.1-0.2-2.1-0.3-3.3-0.4c-1.1,0-2.2-0.1-3.4-0.1h-21v46.9h9.7v-18.4h8.6c0.9,0,1.7,0.1,2.5,0.4c0.8,0.2,1.5,0.6,2.2,1.1
+		c0.6,0.5,1.2,1.1,1.7,1.7c0.5,0.7,0.9,1.4,1.2,2.3l4.6,12.8h10.2C198.1,617.9,192.9,603.7,192.9,603.7L192.9,603.7z M178,590.5
+		h-10.8v-10.9h11.6c6.4,0,7.3,2.7,7.3,5.3c0,2.1-0.5,3.5-1.5,4.3C183.7,589.8,181.9,590.5,178,590.5L178,590.5z M247.1,584.7
+		c-1.1-3-2.7-5.6-4.6-7.7c-2-2.1-4.4-3.8-7.2-5c-2.7-1.2-5.8-1.8-9-1.8s-6.3,0.6-9,1.8c-2.7,1.1-5.2,2.8-7.2,4.9
+		c-2,2.1-3.6,4.7-4.7,7.7c-1.1,2.9-1.6,6.3-1.6,9.8s0.5,6.8,1.6,9.8s2.7,5.6,4.7,7.7c2,2.1,4.4,3.8,7.2,5c2.8,1.2,5.8,1.7,9.1,1.7
+		s6.3-0.6,9.1-1.8c2.7-1.2,5.1-2.9,7.1-5.1c2-2.1,3.5-4.7,4.6-7.7c1.1-2.9,1.6-6.2,1.6-9.7C248.8,590.9,248.2,587.6,247.1,584.7
+		L247.1,584.7z M239.1,594.4c0,2.5-0.3,4.8-1,6.7c-0.6,1.9-1.5,3.5-2.7,4.8c-1.1,1.3-2.5,2.3-4,2.9c-1.6,0.7-3.3,1-5.2,1
+		s-3.6-0.3-5.2-1c-1.5-0.7-2.8-1.6-3.9-2.9c-1.2-1.3-2-2.9-2.7-4.8c-0.7-1.9-1-4.2-1-6.7s0.3-4.8,1-6.7c0.7-1.9,1.5-3.5,2.7-4.8
+		c1.1-1.3,2.4-2.2,4-2.9c1.6-0.7,3.3-1,5.2-1c1.8,0,3.5,0.3,5.1,1c1.5,0.6,2.9,1.6,3.9,2.9c1.1,1.3,2,2.9,2.7,4.8
+		C238.7,589.6,239.1,591.9,239.1,594.4L239.1,594.4z M292.4,599.2c-0.5-1.4-1.2-2.6-2.1-3.6c-0.9-1-1.9-1.9-3.1-2.6
+		c-1.1-0.7-2.3-1.3-3.5-1.7c-1.2-0.4-2.6-0.9-4.1-1.3s-3.3-0.9-5.3-1.3c-1.9-0.4-3.4-0.8-4.6-1.2c-1.1-0.3-1.9-0.7-2.5-1.1
+		c-0.5-0.3-0.8-0.6-1-1c-0.2-0.4-0.3-0.9-0.3-1.5c0-1.4,0.6-2.4,1.7-3.2c1.4-1,3.5-1.5,6.2-1.5c7.1,0,8.4,3.3,8.7,6.1l0.2,1.8h9.3
+		l-0.1-2c-0.1-2.3-0.6-4.4-1.5-6.3c-1-1.9-2.3-3.4-3.9-4.7c-1.6-1.3-3.6-2.2-5.8-2.9c-2.2-0.6-4.6-1-7.2-1c-2.5,0-4.8,0.3-6.8,1
+		c-2.1,0.7-4,1.6-5.5,2.8c-1.6,1.2-2.8,2.7-3.6,4.4c-0.9,1.7-1.3,3.6-1.3,5.6c0,1.9,0.3,3.5,1,5c0.6,1.5,1.6,2.8,3,4
+		c1.2,1,2.9,2,4.8,2.8c1.8,0.8,4,1.4,6.5,1.9s4.5,1.1,6.1,1.5c1.5,0.4,2.8,0.9,3.7,1.5c0.7,0.4,1.3,0.9,1.6,1.4s0.4,1.2,0.4,2
+		c0,0.8-0.2,1.5-0.5,2.1c-0.4,0.6-0.9,1.2-1.6,1.7s-1.6,0.9-2.7,1.2c-1.1,0.3-2.4,0.4-3.8,0.4c-1.5,0-2.9-0.2-4.1-0.5
+		c-1.2-0.3-2.3-0.8-3.2-1.4s-1.6-1.4-2.2-2.3c-0.6-0.9-0.9-2.1-1-3.4l-0.1-1.8h-7.3h-2v2c0.1,2.4,0.5,4.6,1.4,6.6
+		c0.9,2,2.2,3.8,4,5.3c1.7,1.5,3.8,2.6,6.3,3.4c2.4,0.8,5.3,1.1,8.5,1.1c2.5,0,4.9-0.3,7-1c2.2-0.7,4.1-1.7,5.7-3
+		c1.6-1.3,2.9-2.9,3.8-4.7c1-1.9,1.4-3.9,1.4-6.1C293.2,602.1,293,600.6,292.4,599.2L292.4,599.2z M330.3,571v29.5L310.7,571h-8.8
+		v46.9h9.4v-29.5l19.6,29.5h8.8V571H330.3L330.3,571z M391.6,584.7c-1.1-3-2.7-5.6-4.7-7.7s-4.4-3.8-7.2-5c-2.8-1.2-5.8-1.8-9-1.8
+		s-6.3,0.6-9,1.8c-2.7,1.1-5.2,2.8-7.2,4.9c-2,2.1-3.6,4.7-4.7,7.7c-1.1,2.9-1.6,6.3-1.6,9.8s0.6,6.8,1.6,9.8c1.1,3,2.7,5.6,4.7,7.7
+		c2,2.1,4.4,3.8,7.2,5c2.7,1.2,5.8,1.7,9.1,1.7c3.3,0,6.3-0.6,9-1.8c2.8-1.2,5.2-2.9,7.2-5.1c2-2.1,3.5-4.7,4.6-7.7
+		c1.1-2.9,1.6-6.2,1.6-9.7C393.2,590.9,392.6,587.6,391.6,584.7L391.6,584.7z M383.5,594.4c0,2.5-0.3,4.8-1,6.7
+		c-0.6,1.9-1.5,3.5-2.7,4.8c-1.1,1.3-2.5,2.3-4,2.9c-1.6,0.7-3.3,1-5.2,1c-1.9,0-3.6-0.3-5.1-1s-2.9-1.6-4-2.9
+		c-1.1-1.3-2-2.9-2.7-4.8c-0.6-1.9-1-4.2-1-6.7s0.3-4.8,1-6.7c0.7-1.9,1.6-3.5,2.7-4.8c1.1-1.3,2.5-2.2,4-2.9c1.6-0.7,3.3-1,5.2-1
+		c1.8,0,3.5,0.3,5.1,1c1.5,0.6,2.8,1.6,4,2.9c1.1,1.3,2,2.9,2.7,4.8C383.2,589.6,383.5,591.9,383.5,594.4L383.5,594.4z"/>
+	<path class="st1" d="M112.8,177v373h274.3V177H112.8L112.8,177z M365.1,528.1H134.7V198.9h230.4V528.1L365.1,528.1z M307.5,303.2
+		l-62-0.1v78.4h-25.9V281.1h87.9v-53.3H163.9l-0.1,223.8l55.8,55.9V403.6h25.9v103.8l29.6-29.5v-74.2h31.1l12.4,30.9l30-30
+		L307.5,303.2L307.5,303.2z M275.1,381.5v-55.7l22.2,55.7H275.1L275.1,381.5z"/>
+</g>
+</svg>
diff --git a/OrdersManagement/wwwroot/material.css b/OrdersManagement/wwwroot/material.css
index f3ac7ac..7758101 100644
--- a/OrdersManagement/wwwroot/material.css
+++ b/OrdersManagement/wwwroot/material.css
@@ -63345,4 +63345,40 @@ span.e-table-box.e-rbox-select {
 .e-gridheader {
     background-color: red; 
     font-weight: bold;
+}
+.custom-menu {
+    width: 250px; 
+}
+
+.custom-menu-width {
+    width: 250px; 
+}
+
+@media (max-width: 767px) {
+    .bb-top-row {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+        .bb-top-row > span, .bb-top-row > a {
+            margin-bottom: 10px;
+        }
+
+    .custom-menu, .custom-menu-width {
+        width: 100%;
+    }
+
+    .row.gx-1 {
+        --bs-gutter-x: 0;
+    }
+}
+
+@media (min-width: 768px) {
+    .bb-top-row {
+        padding: 0 15px;
+    }
+
+    .row.gx-1 {
+        --bs-gutter-x: 5px;
+    }
 }
\ No newline at end of file