diff --git a/src/layouts/partials/detail-btn-large.html b/src/layouts/partials/detail-btn-large.html
index 4e5c909..c4d1feb 100644
--- a/src/layouts/partials/detail-btn-large.html
+++ b/src/layouts/partials/detail-btn-large.html
@@ -2,21 +2,21 @@
 .detail-btn-large{
   display:inline-block;
   font-family: "pp-neue-machina", sans-serif;
-  font-size: 20px;
+  font-size: 1.116vw;
   background-color: #1a1a1a;
   border: .5px solid #ffffff;
   color: #fff;
-  padding-top: 5px;
+  padding-top: 0.279vw;
   text-decoration: none;
   text-transform: uppercase;
   width: 50%;
-  height: 75px;
+  height: 4.185vw;
   transition: 0.2s ease-in-out;
 }
 
 .detail-btn-large:hover{
   background-color: #8000ff;
-  box-shadow: inset 0px 0px 0px 6px #1a1a1a !important;
+  box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
 }
 
  /* Icon Styling */
@@ -24,7 +24,7 @@
 .detail-btn-large .icon-enter-arrow{
   display: inline-block;
   position: relaitve;
-  margin-right: 10px;
+  margin-right: 0.558vw;
   transition: 0.2s ease-in-out;
 }
 
diff --git a/src/layouts/partials/detail-btn.html b/src/layouts/partials/detail-btn.html
index 087cdac..07c702e 100644
--- a/src/layouts/partials/detail-btn.html
+++ b/src/layouts/partials/detail-btn.html
@@ -5,17 +5,17 @@
   background-color: #1a1a1a;
   border: .5px solid #ffffff;
   color: #fff;
-  padding-top: 5px;
+  padding-top: 0.279vw;
   text-decoration: none;
   text-transform: uppercase;
   width: 40%;
-  height: 40px;
+  height: 2.232vw;
   transition: 0.1s linear;
 }
 
 .detail-btn:hover{
   background-color: #8000ff;
-  box-shadow: inset 0px 0px 0px 4px #1a1a1a !important;
+  box-shadow: inset 0vw 0vw 0vw 0.223vw #1a1a1a !important;
 }
 
 /* Icon Styling */
@@ -23,7 +23,7 @@
 .detail-btn .icon-enter-arrow{
  display: inline-block;
  position: relaitve;
- margin-right: 10px;
+ margin-right: 0.558vw;
  transition: 0.2s ease-in-out;
 }
 
diff --git a/src/layouts/partials/footer-nav.html b/src/layouts/partials/footer-nav.html
index 2148cb8..e716bc2 100644
--- a/src/layouts/partials/footer-nav.html
+++ b/src/layouts/partials/footer-nav.html
@@ -14,7 +14,7 @@
   .footer-link{
     text-transform: lowercase;
     color: white;
-    padding: 0px 0px 0px 40px !important;
+    padding: 0vw 0vw 0vw 2.232vw !important;
   }
 
   .footer-link:hover{
diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 5b0aa65..4808026 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -1,7 +1,7 @@
 <section class="footer">
   <hr>
-  <div class="container" style="padding-top: 0px; padding-bottom: 0px;">
-      <div class="row" style="margin: 75px 0px;">
+  <div class="container" style="padding-top: 0vw; padding-bottom: 0vw;">
+      <div class="row" style="margin: 4.185vw 0vw;">
         <div class="col-lg-8 footer-content">
           <h4>Equitable open-source for <span id="cycle">web3</span></h4>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
diff --git a/src/layouts/partials/full-width-discord-cta.html b/src/layouts/partials/full-width-discord-cta.html
index 7e8ad4a..1296a14 100644
--- a/src/layouts/partials/full-width-discord-cta.html
+++ b/src/layouts/partials/full-width-discord-cta.html
@@ -1,10 +1,10 @@
 <style>
   .btn-primary{
-    padding: 44px 75px;
+    padding: 2.455vw 4.185vw;
     border-radius: 0px !important;
     font-family: "pp-neue-machina", sans-serif;
     text-transform: uppercase;
-    font-size: 38px;
+    font-size: 2.121vw;
     border-left: 2px solid #949494 !important;
     border-right: 2px solid #949494 !important;
     background-color: #1a1a1a !important;
@@ -23,14 +23,14 @@
     border-bottom-color:#00ffd0;
     border-left-color:#00ffd0;
     border-right-color:#00ffd0;
-    box-shadow: inset 0px 0px 0px 10px #1a1a1a !important;
-    padding: 44px 100px;
+    box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
+    padding: 2.455vw 5.580vw;
     border-top-color:#1a1a1a;
     border-bottom-color: #1a1a1a;
   }
 
   .button-container{
-    padding: 0px 160px;
+    padding: 0vw 8.929vw;
   }
 
   /* Icon Styling */
@@ -38,7 +38,7 @@
  .btn-primary .icon-enter-arrow{
    display: inline-block;
    position: relaitve;
-   margin-right: 10px;
+   margin-right: 0.558vw;
    transition: 0.2s linear;
  }
 
@@ -51,6 +51,6 @@
 
 <hr>
   <div class="row button-container">
-    <a href="#" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta"><i class="icon-enter-arrow"></i>Join our Discord<span style="float:right; margin-top:15px;font-size:1.2rem;"><u id="count1"></u> devs authenticated</span></a>
+    <a href="#" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta"><i class="icon-enter-arrow"></i>Join our Discord<span style="float:right; margin-top:0.837vw;font-size:1vw;"><u id="count1"></u> devs authenticated</span></a>
   </div>
 <hr>
diff --git a/src/layouts/partials/package-thumbnail.html b/src/layouts/partials/package-thumbnail.html
index 2fcc7b6..c18f343 100644
--- a/src/layouts/partials/package-thumbnail.html
+++ b/src/layouts/partials/package-thumbnail.html
@@ -11,23 +11,23 @@
     background: none;
     border-radius: 0px !important;
     border: 1px solid #949494;
-    padding: 30px;
+    padding: 1.674vw;
   }
 
   .card-body{
     border-radius: 0px !important;
-    padding: 0px;
+    padding: 0vw;
   }
 
   .card-img-top{
     border-radius: 0px;
-    margin-bottom: 30px;
+    margin-bottom: 1.674vw;
   }
 
   .card-text{
-    font-size: 14px;
+    font-size: 0.781vw;
     float:left;
     position: relative;
-    top:9px;
+    top:0.502vw;
   }
 </style>