diff --git a/src/layouts/index.html b/src/layouts/index.html
index 205edbf..21726bd 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -694,7 +694,7 @@ EOF
               <div class="traffic-light"></div>
             </div>
               <div class="p-5">
-                <div class="terminal-content">
+                <div class="terminal-content-gs">
                   <p>sh <(curl https://tea.xyz)</p>
                 </div>
             </div>
@@ -760,7 +760,7 @@ EOF
               <div class="traffic-light"></div>
             </div>
               <div class="p-5">
-                <div class="terminal-content">
+                <div class="terminal-content-gs">
                   <p>sh <(curl tea.xyz) bun run start</p>
                 </div>
             </div>
@@ -781,7 +781,7 @@ EOF
               <div class="traffic-light"></div>
             </div>
               <div class="p-5">
-                <div class="terminal-content">
+                <div class="terminal-content-gs">
                   <p>$ brew install teaxyz/pkgs/tea-cli</p>
                 </div>
             </div>
@@ -802,7 +802,7 @@ EOF
               <div class="traffic-light"></div>
             </div>
               <div class="p-5">
-                <div class="terminal-content">
+                <div class="terminal-content-gs">
                   <p>- uses: teaxyz/setup@v0</p>
                 </div>
             </div>
diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 4c566f6..829abc9 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -1,7 +1,7 @@
 <hr>
 <div id="myData"></div>
 
-<section class="footer" id="community">
+<section id="community">
   <div class="container">
       <div class="row footer-top one-box-down">
         <div class="col-lg-8 footer-content">
diff --git a/src/static/css/footer.css b/src/static/css/footer.css
index cf6d094..42de566 100644
--- a/src/static/css/footer.css
+++ b/src/static/css/footer.css
@@ -1,7 +1,5 @@
 /* Footer Styling */
 
-@media only screen and (min-width: 1200px) {
-
   .social-box{
     border-radius: 0px !important;
     border: 2px solid #949494;
@@ -17,19 +15,12 @@
     padding: 1.116vw;
     font-size: 1.562vw;
     color: #fff;
-    font-family: "pp-neue-machina", sans-serif;
+    font-family: "inter", sans-serif !important;
     text-transform: uppercase;
     border-bottom: 2px solid #949494;
     transition: 0.2s ease-in-out;
   }
 
-  .list-group-item:hover{
-    padding-left: 2.232vw;
-    background-color: #00ffd0 !important;
-    box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
-    color: #1a1a1a !important;
-  }
-
   .footer-content{
     padding-right: 5.580vw;
   }
@@ -43,190 +34,3 @@
   .footer-grid{
     width:50.223vw;
   }
-
-}
-
-@media only screen and (min-width: 992px) and (max-width: 1200px) {
-
-  .social-box{
-    border-radius: 0px !important;
-    border: 2px solid #949494;
-    background-color: none;
-  }
-
-  .list-group{
-    border-radius: 0px !important;
-  }
-
-  .list-group-item{
-    background-color: #1a1a1a !important;
-    padding: 1.116vw;
-    font-size: 1.562vw;
-    color: #fff;
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    border-bottom: 2px solid #949494;
-    transition: 0.2s ease-in-out;
-  }
-
-  .list-group-item:hover{
-    padding-left: 2.232vw;
-    background-color: #00ffd0 !important;
-    box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
-    color: #1a1a1a !important;
-  }
-
-  .footer-content{
-    padding-right: 5.580vw;
-  }
-
-  .social-icon{
-    margin-right: 1.116vw !important;
-    position: relative;
-    top: 0.167vw;
-  }
-
-  .footer-grid{
-    width:50.223vw;
-  }
-
-}
-
-@media only screen and (min-width: 768px) and (max-width: 992px) {
-
-  .social-box{
-    border-radius: 0px !important;
-    border: 2px solid #949494;
-    background-color: none;
-  }
-
-  .list-group{
-    border-radius: 0px !important;
-  }
-
-  .list-group-item{
-    background-color: #1a1a1a !important;
-    padding: 1.116vw;
-    font-size: 1.562vw;
-    color: #fff;
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    border-bottom: 2px solid #949494;
-    transition: 0.2s ease-in-out;
-  }
-
-  .list-group-item:hover{
-    padding-left: 2.232vw;
-    background-color: #00ffd0 !important;
-    box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
-    color: #1a1a1a !important;
-  }
-
-  .footer-content{
-    padding-right: 5.580vw;
-  }
-
-  .social-icon{
-    margin-right: 1.116vw !important;
-    position: relative;
-    top: 0.167vw;
-  }
-
-  .footer-grid{
-    width:50.223vw;
-  }
-
-}
-
-@media only screen and (min-width: 576px) and (max-width: 768px){
-
-  .social-box{
-    border-radius: 0px !important;
-    border: 2px solid #949494;
-    background-color: none;
-  }
-
-  .list-group{
-    border-radius: 0px !important;
-  }
-
-  .list-group-item{
-    background-color: #1a1a1a !important;
-    padding: 1.116vw;
-    font-size: 1.562vw;
-    color: #fff;
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    border-bottom: 2px solid #949494;
-    transition: 0.2s ease-in-out;
-  }
-
-  .list-group-item:hover{
-    padding-left: 2.232vw;
-    background-color: #00ffd0 !important;
-    box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
-    color: #1a1a1a !important;
-  }
-
-  .footer-content{
-    padding-right: 5.580vw;
-  }
-
-  .social-icon{
-    margin-right: 1.116vw !important;
-    position: relative;
-    top: 0.167vw;
-  }
-
-  .footer-grid{
-    width:50.223vw;
-  }
-
-}
-
-@media only screen and (max-width: 576px) {
-
-  .social-box{
-    border-radius: 0px !important;
-    border: 2px solid #949494;
-    background-color: none;
-  }
-
-  .list-group{
-    border-radius: 0px !important;
-  }
-
-  .list-group-item{
-    background-color: #1a1a1a !important;
-    padding: 3.5vw;
-    font-size: 4vw;
-    color: #fff;
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    border-bottom: 2px solid #949494;
-    transition: 0.2s ease-in-out;
-  }
-
-  .list-group-item:hover{
-    padding-left: 7vw;
-    background-color: #00ffd0 !important;
-    box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
-    color: #1a1a1a !important;
-  }
-
-  .footer-content{
-    padding-right: 2.3vw;
-  }
-
-  .social-icon{
-    margin-right: 2vw !important;
-    position: relative;
-    top: 0.167vw;
-  }
-
-  .footer-grid{
-    width:100%;
-    display: none !important;
-  }
-
-}
diff --git a/src/static/css/typography.css b/src/static/css/typography.css
index 947f62e..9d12b34 100644
--- a/src/static/css/typography.css
+++ b/src/static/css/typography.css
@@ -51,12 +51,12 @@ h3{
 }
 
 h4{
-  font-family: "pp-neue-machina", sans-serif;
+  font-family: "mona", sans-serif;
   color:#00ffd0;
 }
 
 h5{
-  font-family: "pp-neue-machina", sans-serif;
+  font-family: "mona", sans-serif;
   color:#00ffd0;
   text-transform: uppercase;
 }