diff --git a/falcon/_dev/css/abstracts/variables/bootstrap/_typography.scss b/falcon/_dev/css/abstracts/variables/bootstrap/_typography.scss
index 3423a8c..a94d961 100644
--- a/falcon/_dev/css/abstracts/variables/bootstrap/_typography.scss
+++ b/falcon/_dev/css/abstracts/variables/bootstrap/_typography.scss
@@ -1,39 +1,42 @@
-$font-family-sans-serif:      "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-$font-family-base:            $font-family-sans-serif;
+$font-family-sans-serif: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI",
+    roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-base: $font-family-sans-serif;
+$headings-font-family: $font-family-sans-serif;
 
-$font-size-base:              rem-calc(16px);
-$font-size-lg:                $font-size-base * 1.125;
-$font-size-sm:                $font-size-base * .875;
-$font-size-xs:                $font-size-base * .6875;
+$font-size-base: rem-calc(16px);
+$font-size-lg: $font-size-base * 1.125;
+$font-size-sm: $font-size-base * 0.875;
+$font-size-xs: $font-size-base * 0.6875;
 
-$font-weight-lighter:         200;
-$font-weight-light:           300;
-$font-weight-normal:          400;
-$font-weight-bold:            700;
-$font-weight-bolder:          800;
+$font-weight-lighter: 200;
+$font-weight-light: 300;
+$font-weight-normal: 400;
+$font-weight-bold: 700;
+$font-weight-bolder: 800;
 
-$h1-font-size:                $font-size-base * 2;
-$h2-font-size:                $font-size-base * 1.75;
-$h3-font-size:                $font-size-base * 1.5;
-$h4-font-size:                $font-size-base * 1.25;
-$h5-font-size:                $font-size-base * 1.125;
-$h6-font-size:                $font-size-base;
+$h1-font-size: $font-size-base * 2;
+$h2-font-size: $font-size-base * 1.75;
+$h3-font-size: $font-size-base * 1.5;
+$h4-font-size: $font-size-base * 1.25;
+$h5-font-size: $font-size-base * 1.125;
+$h6-font-size: $font-size-base;
 
-$display1-size:               $font-size-base * 2.5;
-$display2-size:               $font-size-base * 2.25;
-$display3-size:               $font-size-base * 2;
-$display4-size:               $font-size-base * 1.75;
+$display1-size: $font-size-base * 2.5;
+$display2-size: $font-size-base * 2.25;
+$display3-size: $font-size-base * 2;
+$display4-size: $font-size-base * 1.75;
 
-$display1-weight:             400;
-$display2-weight:             400;
-$display3-weight:             400;
-$display4-weight:             400;
+$display1-weight: 400;
+$display2-weight: 400;
+$display3-weight: 400;
+$display4-weight: 400;
 
-$text-muted:                  $gray-600;
+$text-muted: $gray-600;
 
-$paragraph-margin-bottom:     rem-calc(20px);
+$paragraph-margin-bottom: rem-calc(20px);
 
-$headings-margin-bottom:      rem-calc(20px);
-$headings-font-weight:        700;
-$headings-line-height:        1.2;
-$headings-color:              $gray-900;
+$headings-margin-bottom: rem-calc(20px);
+$headings-font-weight: 700;
+$headings-line-height: 1.2;
+$headings-color: $gray-900;
diff --git a/falcon/_dev/img/x.svg b/falcon/_dev/img/x.svg
new file mode 100644
index 0000000..fdcc4e8
--- /dev/null
+++ b/falcon/_dev/img/x.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
+  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
+</svg>
\ No newline at end of file
diff --git a/falcon/templates/_partials/header.tpl b/falcon/templates/_partials/header.tpl
index dad21df..b6e748f 100644
--- a/falcon/templates/_partials/header.tpl
+++ b/falcon/templates/_partials/header.tpl
@@ -34,10 +34,8 @@
 
 {block name='header_top'}
     <div class="js-header-top-wrapper">
-
         <div class="header-top js-header-top">
-            <div class="header-top__content pt-md-3 pb-md-0 py-2">
-
+            <div class="header-top__content pb-md-0 py-2">
                 <div class="container">
 
                     <div class="row header-top__row">
@@ -81,6 +79,13 @@
                     </div>                       
                 </div>
             </div>
+            <div class="container header-main-menu">
+                <div class="row">
+                    <div class="col">
+                        {hook h='displayNavFullWidth'}  
+                    </div>
+                </div>   
+            </div>   
         </div>
     </div>
 {/block}
\ No newline at end of file
diff --git a/falcon/templates/components/modal.tpl b/falcon/templates/components/modal.tpl
index 4c98687..3be8d4b 100644
--- a/falcon/templates/components/modal.tpl
+++ b/falcon/templates/components/modal.tpl
@@ -12,9 +12,9 @@
               {block name='modal_title' hide}
                 <h5 class="modal-title">{$smarty.block.child}</h5>
               {/block}
-              {block name='modal_close'}
+               {block name='modal_close'}
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                  <span aria-hidden="true">&times;</span>
+                  {svg_icon file='x.svg' width="24" height="24"}
                 </button>
               {/block}
             </div>