diff --git a/resources/sass/fo/base/_layout.scss b/resources/sass/fo/base/_layout.scss
index ca4ae38c..3cddb74d 100644
--- a/resources/sass/fo/base/_layout.scss
+++ b/resources/sass/fo/base/_layout.scss
@@ -6,13 +6,21 @@ body {
 
     // * HEADER
     > header {
+        transition: all 0.3s ease;
+
+        @include rfs(1.19rem + 2rem !important, margin-top);
+        @include rfs(1.19rem + 2rem !important, margin-bottom);
+
+        @include media-breakpoint-up(sm) {
+            @include rfs(1.56rem !important, margin-top);
+            @include rfs(1.56rem !important, margin-bottom);
+        }
+
         #main-nav {
-            @include rfs(1.19rem + 2rem, margin-top);
             @include rfs(1.25rem, margin-right);
             @include rfs(1.25rem, margin-left);
 
             @include media-breakpoint-up(sm) {
-                @include rfs(1.56rem, margin-top);
                 @include rfs(2.3rem, margin-right);
                 @include rfs(2.3rem, margin-left);
             }
@@ -175,7 +183,7 @@ body {
         }
     }
 
-    > header, > footer {
+    > footer, > header {
         .btn-social {
             width: 2.3rem;
             padding: 0.1rem;
@@ -188,4 +196,5 @@ body {
             background-size: contain;
         }
     }
+
 }
diff --git a/resources/views/fo/layout.blade.php b/resources/views/fo/layout.blade.php
index b936a60b..1453904c 100644
--- a/resources/views/fo/layout.blade.php
+++ b/resources/views/fo/layout.blade.php
@@ -6,7 +6,7 @@
 </head>
 
 <body>
-    <header>
+    <header class="sticky-top">
         @include('fo.layouts.header')
     </header>
     <main class="container-fluid @yield('bg-color') pt-2">
diff --git a/resources/views/fo/layouts/header.blade.php b/resources/views/fo/layouts/header.blade.php
index 18290801..36f44b3d 100644
--- a/resources/views/fo/layouts/header.blade.php
+++ b/resources/views/fo/layouts/header.blade.php
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand rounded-pill py-0 shadow" id="main-nav">
+<nav class="navbar navbar-expand rounded-pill bg-body mt-1 py-0 shadow" id="main-nav">
     {{-- MENU PHONE & TABLET --}}
     <ul class="navbar-nav flex-grow-1 w-100 d-flex d-xl-none">
         {{-- MENU BTN --}}