diff --git a/src/layouts/index.html b/src/layouts/index.html
index 43f0b71..7d5b48c 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -209,21 +209,21 @@
 <style>
 
   .metric-block{
-    padding: 75px;
+    padding: 4.185vw;
     border: 2px solid #949494;
-    max-width: 50%;
+    max-width: 41.741vw;
     background-color: #1a1a1a;
   }
 
   .stat-head{
-    font-size: 24px;
+    font-size: 1.339vw;
   }
 
   .stat-number{
     font-family: "pp-neue-machina", sans-serif;
-    font-size: 120px;
-    margin-top: -40px;
-    margin-bottom: -40px;
+    font-size: 6.696vw;
+    margin-top: -2.232vw;
+    margin-bottom: -2.232vw;
   }
 
 </style>
@@ -244,7 +244,7 @@
     </div>
     <div class="row pt-5">
       <div class="col">
-        <img src="/Images/binance-logo-white.svg" alt="Binance Logo" style="width:25%;">
+        <img src="/Images/binance-logo-white.svg" alt="Binance Logo" style="width:16.183vw;">
         <img class="ps-5" src="/Images/galaxy-eco.svg" alt="Galaxy Eco Logo" style="width:40%;">
       </div>
     </div>
diff --git a/src/layouts/partials/detail-btn-large.html b/src/layouts/partials/detail-btn-large.html
index c4d1feb..cee267e 100644
--- a/src/layouts/partials/detail-btn-large.html
+++ b/src/layouts/partials/detail-btn-large.html
@@ -9,7 +9,7 @@
   padding-top: 0.279vw;
   text-decoration: none;
   text-transform: uppercase;
-  width: 50%;
+  width: 25.000vw;
   height: 4.185vw;
   transition: 0.2s ease-in-out;
 }
diff --git a/src/layouts/partials/detail-btn.html b/src/layouts/partials/detail-btn.html
index 07c702e..da26649 100644
--- a/src/layouts/partials/detail-btn.html
+++ b/src/layouts/partials/detail-btn.html
@@ -8,7 +8,7 @@
   padding-top: 0.279vw;
   text-decoration: none;
   text-transform: uppercase;
-  width: 40%;
+  width: 7.254vw;
   height: 2.232vw;
   transition: 0.1s linear;
 }