CHANGE section design to be more dynamic

assets/scss/footer.scss

@@ -1,4 +1,5 @@
 $color: {{ .Param "color" }};
+
 .footer {
     margin: auto;
     padding: 1.5rem 0rem;

assets/scss/index.scss

@@ -1,4 +1,12 @@
 $color: {{ .Param "color" }};
+$font: {{ .Param "font" }};
+
+@font-face {
+    font-family: $font;
+    src: url("/fonts/#{$font}/#{$font}-Regular.ttf") format('truetype');
+    font-weight: 400;
+    font-style: normal;
+}
 
 html {
     scroll-behavior: smooth;
@@ -12,8 +20,11 @@ body {
     margin: 0;
     display: flex;
     flex-direction: column;
-    font-family: system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';
+    // font-family: system-ui,-apple-system,'Segoe UI',$font,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';
     color: #333;
+    font-family: $font;
+    font-weight: 400;
+    font-style: normal;
 }
 
 h1 {
@@ -56,7 +67,6 @@ button {
 [class*="col-"] {
     float: left;
     padding: 1.5rem 1.5rem;
-    height: 100%;
 }
 
 @media screen and (max-width: 600px) {
@@ -187,18 +197,10 @@ button {
 /* Funding */
 
 .funding-logo {
-    width: 15rem;
+    width: 14rem;
     padding: 1.5rem;
 }
 
-.reference-logo {
-    max-height: 15rem;
-    max-width: 15rem;
-    padding: 1.5rem;
-    /* -webkit-filter: grayscale(100%);
-    filter: grayscale(100%); */
-}
-
 .services {
     padding: 1.5rem 0rem;
 }

assets/scss/slider.scss

@@ -7,7 +7,7 @@ $color: {{ .Param "color" }};
 .slider {
   text-align: center;
   margin: 0;
-  margin-top: 5.5rem;
+  margin-top: 4rem;
 }
 
 .slides {
@@ -32,7 +32,7 @@ $color: {{ .Param "color" }};
   scroll-snap-align: start;
   flex-shrink: 0;
   width: 100%;
-  height: calc(100vh - 5.5rem);
+  height: calc(100vh - 4rem);
   margin-right: 0.5rem;
   border-radius: 10px;
   background: #eee;