diff --git a/src/static/scss/global.scss b/src/static/scss/global.scss
index 4e4dcd9..a636c03 100644
--- a/src/static/scss/global.scss
+++ b/src/static/scss/global.scss
@@ -11,8 +11,15 @@ main {
   margin: 0;
   padding: 0;
   border: 0;
+}
+
+html{
   scroll-behavior: smooth
 }
+*{
+  scroll-margin-top: 75px;
+}
+
 
 main {
   min-height: 100vh;
diff --git a/src/static/scss/landing.scss b/src/static/scss/landing.scss
index 7aab6a5..d788bca 100644
--- a/src/static/scss/landing.scss
+++ b/src/static/scss/landing.scss
@@ -1,5 +1,6 @@
 .landing-wrapper {
     .countries-banner {
+        scroll-margin-top: 105px;
         .card-group {
             padding: 0 3rem;
             .card {
@@ -103,6 +104,8 @@
         @include tablet{
             padding: .5rem;
         } */
+        scroll-margin-top: 105px;
+          
         .content{
             width: 75%;
             @include tablet{