final version?

src/client/sass/index.scss

@@ -15,6 +15,13 @@
   src: url("../img/WinterSunrise.ttf");
 }
 
+@mixin fullHeight{
+  height: calc(100vh - 4rem);
+  @include breakpoint(medium down) {
+    height: calc(100vh - 3rem);
+  }
+}
+
 .width-100 {
   width: 100%;
 }
@@ -39,10 +46,7 @@ body {
   height: 100%;
 
   #main-content-container {
-    height: calc(100% - 5rem);
-    @include breakpoint(small only) {
-      height: calc(100% - 3rem);
-    }
+    @include fullHeight;
     position: relative;
     overflow: auto;
 
@@ -103,10 +107,7 @@ h1 {
 
     img {
       width: 100%;
-      height: calc(100% - 5rem);
-      @include breakpoint(small only) {
-        height: calc(100% - 3rem);
-      }
+      @include fullHeight;
       object-fit: cover;
     }
 
@@ -151,15 +152,15 @@ img.full-screen-width {
 }
 
 .fill-height {
-  height: calc(100vh - 5rem);
-  @include breakpoint(small only) {
-    height: calc(100vh - 3rem);
-  }
+  @include fullHeight;
 }
 
 .fill-height-medium-up {
   @include breakpoint(medium) {
-    height: calc(100vh - 5rem);
+    height: calc(100vh - 3rem);
+    @include breakpoint(large){
+      height: calc(100vh - 4rem);
+    }
   }
 }
 
@@ -169,4 +170,16 @@ img.full-screen-width {
   img {
     object-fit: cover;
   }
+}
+
+.padding-bottom-0 {
+  padding-bottom: 0;
+}
+
+.hide-scrollbar{
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  &::-webkit-scrollbar{
+    display: none;
+  }
 }