diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss
index 1942a39367b591ac6fa799b0c074e6222bc41068..012e76dc6066eb1dbe6ee400a4f0ee6c5a504b37 100644
--- a/static/src/scss/app.scss
+++ b/static/src/scss/app.scss
@@ -20,6 +20,16 @@ body {
     overflow-x: hidden;
 }
 
+.navbar-brand {
+    width: 200px;
+
+    img {
+        max-width: 100%;
+        height: auto;
+    }
+    
+}
+
 .text-page {
     h2 {
         padding-top: 3rem;
@@ -31,8 +41,27 @@ body {
     }
 }
 
+.navbar-collapse {
+    margin-left: $padding-left-default;
+}
 
 
+.navbar-toggler {
+    border: 0 !important;
+    
+    &.green-toggler {
+        .navbar-toggler-icon {
+            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(15,124,17, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+        }
+    }
+
+    &.white-toggler {
+        .navbar-toggler-icon {
+            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+        }
+    }
+} 
+
 
 html {
     font-size: 16px;
@@ -55,44 +84,12 @@ footer {
     margin-top: 16rem;
     margin-bottom: 8rem;
     padding-top: 24rem;
-    height: 1247px;
-}
-
-.green-background {
-    position: relative;
-    background: $primary;
-    color: white;   
 }
 
-.sidescroll {
-    position: absolute !important;
-    top: -8rem;
-    width: 100%;
-    height: 405px;
-    padding-right: 0 !important;
-    overflow-x: scroll;
-    overflow-y: hidden;
-    white-space: nowrap;
-
-    &::-webkit-scrollbar {
-        width: 0px;  /* remove scrollbar space */
-        background: transparent;  /* optional: just make scrollbar invisible */
-    }
-}
-
-.content {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-    padding-left: $padding-left-default !important;
-    padding-right: 5.3125rem !important;
-}
-
-
 li.nav-item {
     height: 2.75rem;
 
     a.nav-link {
-        //line-height: 1rem;
         padding-top: 0;
     }
 
@@ -111,4 +108,79 @@ main.container-fluid {
 }
 
 @import "nav.scss";
-@import "bootstrap.scss";
\ No newline at end of file
+@import "bootstrap.scss";
+
+
+.content {
+    //padding-top: 1rem;
+    padding-bottom: 1rem;
+    padding-left: $padding-left-default / 3 !important;
+    padding-right: $padding-left-default / 3 !important; 
+
+    @include media-breakpoint-up(md) {
+        padding-left: $padding-left-default !important;
+        padding-right: 5.3125rem !important;    
+    }
+}
+
+.homepage-venue {
+    padding-bottom: 0px;
+    margin-bottom: 0px;
+    
+    @include media-breakpoint-up(sm) {
+        text-align: right;
+
+        h2 {
+            float: left;
+        }
+    }   
+}
+
+.sidescroll-container {
+    overflow-y: hidden;
+}
+
+
+.sidescroll {    
+    margin-bottom: -30px;
+    padding-bottom: 30px;
+    background: linear-gradient(0deg, $primary 50%, $secondary 50%) !important;
+
+    @include media-breakpoint-up(md) {
+        padding-left: $padding-left-default !important;   
+    }
+
+    display: flex;
+    flex-wrap: nowrap;
+    cursor: grab;
+
+    div ~ div {
+        margin-left: 15px;
+    }
+
+    div {
+        min-width: 30%;
+
+        @include media-breakpoint-down(sm) {
+            min-width: 80%;
+        }    
+
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+    }
+   
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+#map {
+    width: 100%;
+    height: 480px;
+    filter: grayscale(100%);
+}
\ No newline at end of file