diff --git a/src/layouts/partials/detail-btn-large.html b/src/layouts/partials/detail-btn-large.html
index cee267e..1943dc8 100644
--- a/src/layouts/partials/detail-btn-large.html
+++ b/src/layouts/partials/detail-btn-large.html
@@ -1,38 +1 @@
-<style>
-.detail-btn-large{
-  display:inline-block;
-  font-family: "pp-neue-machina", sans-serif;
-  font-size: 1.116vw;
-  background-color: #1a1a1a;
-  border: .5px solid #ffffff;
-  color: #fff;
-  padding-top: 0.279vw;
-  text-decoration: none;
-  text-transform: uppercase;
-  width: 25.000vw;
-  height: 4.185vw;
-  transition: 0.2s ease-in-out;
-}
-
-.detail-btn-large:hover{
-  background-color: #8000ff;
-  box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
-}
-
- /* Icon Styling */
-
-.detail-btn-large .icon-enter-arrow{
-  display: inline-block;
-  position: relaitve;
-  margin-right: 0.558vw;
-  transition: 0.2s ease-in-out;
-}
-
-.detail-btn-large:hover .icon-enter-arrow{
-  display: inline-block;
-  transform: rotate(-45deg) !important;
-}
-
-</style>
-
 <button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
diff --git a/src/static/css/buttons.css b/src/static/css/buttons.css
index 3f4bd42..0dc6da2 100644
--- a/src/static/css/buttons.css
+++ b/src/static/css/buttons.css
@@ -270,3 +270,197 @@
   }
 
 }
+
+
+
+/* Detail Button - Large */
+
+@media only screen and (min-width: 1200px) {
+
+  .detail-btn-large{
+    display:inline-block;
+    font-family: "pp-neue-machina", sans-serif;
+    font-size: 1.116vw;
+    background-color: #1a1a1a;
+    border: .5px solid #ffffff;
+    color: #fff;
+    padding-top: 0.279vw;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: 25.000vw;
+    height: 4.185vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover{
+    background-color: #8000ff;
+    box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+  }
+
+   /* Icon Styling */
+
+  .detail-btn-large .icon-enter-arrow{
+    display: inline-block;
+    position: relaitve;
+    margin-right: 0.558vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover .icon-enter-arrow{
+    display: inline-block;
+    transform: rotate(-45deg) !important;
+  }
+
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+
+  .detail-btn-large{
+    display:inline-block;
+    font-family: "pp-neue-machina", sans-serif;
+    font-size: 1.116vw;
+    background-color: #1a1a1a;
+    border: .5px solid #ffffff;
+    color: #fff;
+    padding-top: 0.279vw;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: 25.000vw;
+    height: 4.185vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover{
+    background-color: #8000ff;
+    box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+  }
+
+   /* Icon Styling */
+
+  .detail-btn-large .icon-enter-arrow{
+    display: inline-block;
+    position: relaitve;
+    margin-right: 0.558vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover .icon-enter-arrow{
+    display: inline-block;
+    transform: rotate(-45deg) !important;
+  }
+
+}
+
+@media only screen and (min-width: 768px) and (max-width: 992px) {
+
+  .detail-btn-large{
+    display:inline-block;
+    font-family: "pp-neue-machina", sans-serif;
+    font-size: 1.116vw;
+    background-color: #1a1a1a;
+    border: .5px solid #ffffff;
+    color: #fff;
+    padding-top: 0.279vw;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: 25.000vw;
+    height: 4.185vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover{
+    background-color: #8000ff;
+    box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+  }
+
+   /* Icon Styling */
+
+  .detail-btn-large .icon-enter-arrow{
+    display: inline-block;
+    position: relaitve;
+    margin-right: 0.558vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover .icon-enter-arrow{
+    display: inline-block;
+    transform: rotate(-45deg) !important;
+  }
+
+}
+
+@media only screen and (min-width: 576px) and (max-width: 768px) {
+
+  .detail-btn-large{
+    display:inline-block;
+    font-family: "pp-neue-machina", sans-serif;
+    font-size: 1.116vw;
+    background-color: #1a1a1a;
+    border: .5px solid #ffffff;
+    color: #fff;
+    padding-top: 0.279vw;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: 25.000vw;
+    height: 4.185vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover{
+    background-color: #8000ff;
+    box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+  }
+
+   /* Icon Styling */
+
+  .detail-btn-large .icon-enter-arrow{
+    display: inline-block;
+    position: relaitve;
+    margin-right: 0.558vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover .icon-enter-arrow{
+    display: inline-block;
+    transform: rotate(-45deg) !important;
+  }
+
+}
+
+@media only screen and (max-width: 576px) {
+
+  .detail-btn-large{
+    display:inline-block;
+    font-family: "pp-neue-machina", sans-serif;
+    font-size: 3vw;
+    background-color: #1a1a1a;
+    border: .5px solid #ffffff;
+    color: #fff;
+    padding-top: 0.279vw;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: 50vw;
+    height: 10vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover{
+    background-color: #8000ff;
+    box-shadow: inset 0vw 0vw 0vw 1vw #1a1a1a !important;
+  }
+
+   /* Icon Styling */
+
+  .detail-btn-large .icon-enter-arrow{
+    display: inline-block;
+    position: relaitve;
+    margin-right: 0.558vw;
+    transition: 0.2s ease-in-out;
+  }
+
+  .detail-btn-large:hover .icon-enter-arrow{
+    display: inline-block;
+    transform: rotate(-45deg) !important;
+  }
+
+}
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 0a61b24..540f974 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -308,7 +308,7 @@ hr{
 
   .package-grid-header{
     padding-left:7vw !important;
-    padding-left:7vw !important;
+    padding-right:7vw !important;
   }
 
 }