diff --git a/library/css/components/footer.css b/library/css/components/footer.css
index 57f72c2b..eabd9c30 100644
--- a/library/css/components/footer.css
+++ b/library/css/components/footer.css
@@ -48,7 +48,6 @@
   flex-direction: column;
   justify-content: space-between;
   text-align: start;
-  width: 400px;
 }
 
 .footer .info-logo {
@@ -245,7 +244,7 @@
     width: 80%;
   }
   .footer-bottom-flex {
-    justify-content: flex-start;
+    justify-content: space-evenly;
     padding-left: 0.5rem;
   }
   .footer-bottom-flex > .totalviews {
@@ -259,7 +258,20 @@
     padding-left: 0.5rem;
   }
   .footer-accessibility-flex > .ui.link {
-    margin: 0rem 0rem;
-    width: 7rem;
+    margin: 0rem 0.5rem;
+  }
+}
+
+@media only screen and (max-width: 360px) {
+  .footer-contact-wrapper {
+    flex-direction: column;
+  }
+  .footer .links {
+    flex-direction: column;
+    align-items: center;
+  }
+  .footer-accessibility-flex > .ui.link {
+    font-size: 14px;
   }
+
 }
diff --git a/library/css/components/menu.css b/library/css/components/menu.css
index 3b3b746e..ce217ca4 100644
--- a/library/css/components/menu.css
+++ b/library/css/components/menu.css
@@ -41,7 +41,6 @@ div.flexbox .menuItem {
     width: 80%;
     min-width: max-content;
     position: relative;
-    gap: 5px;
     justify-content: space-between;
   }
   .menuItem > a {
@@ -53,7 +52,7 @@ div.flexbox .menuItem {
   .menuContainer div.flexbox a {
     color: var(--black) !important;
     font-family: var(--font-lato) !important;
-    font-size: 1rem !important;
+    font-size: 15px !important;
     text-decoration: none;
     padding: 5px;
   }
@@ -168,7 +167,7 @@ div.flexbox .menuItem {
   .menuContainer div.flexbox a {
     color: var(--black);
     font-family: var(--font-lato);
-    font-size: 12px !important;
+    font-size: 11px !important;
     text-decoration: none;
     padding: 5px;
   }
@@ -179,8 +178,11 @@ div.flexbox .menuItem {
     position: absolute;
     z-index: 10;
   }
+  .hamburger-container {
+    margin-left: 1rem;
+  }
   .menuContainer div.flexbox {
-    padding-left: 0px !important;
+    padding-left: 10px;
     /* margin-top: 10px; */
     display: flex;
     flex-direction: column;
diff --git a/library/css/components/sixty-forty-container.css b/library/css/components/sixty-forty-container.css
index 2321475c..95c688d8 100644
--- a/library/css/components/sixty-forty-container.css
+++ b/library/css/components/sixty-forty-container.css
@@ -9,7 +9,7 @@
   grid-area: 1 / 1 / 2 / 2;
   /* margin-right: 32px; */
   margin: 0px;
-  padding: 5vw 2vw 5vw 10vw;
+  padding: 5% 2% 5% 10%;
   /* max-height: 750px; */
   display:flex;
   flex-direction: column;
@@ -21,7 +21,7 @@
   /* max-height: 750px; */
   margin: 0px;
   /* margin-left: 32px; */
-  padding: 5vw 10vw 5vw 2vw;
+  padding: 5% 10% 5% 2%;
   display:flex;
   flex-direction: column;
   justify-content: center;
@@ -39,7 +39,7 @@
   /* max-height: 750px; */
   /* margin-right: 32px; */
   margin: 0px;
-  padding: 5vw 2vw 5vw 10vw;
+  padding: 5% 2% 5% 10%;
 }
 
 .ui.forty-sixty-container > .second {
@@ -47,7 +47,7 @@
   /* max-height: 750px; */
   margin: 0px;
   /* margin-left: 32px; */
-  padding: 5vw 10vw 5vw 2vw;
+  padding: 5% 10% 5% 2%;
 }
 
 @media only screen and (max-width: 1024px) {