diff --git a/assets/css/gambit.css b/assets/css/gambit.css
index 7a8c638..2c59761 100644
--- a/assets/css/gambit.css
+++ b/assets/css/gambit.css
@@ -1,6 +1,6 @@
 :root {
    --color-primary: #1a9e7e;
-   --color-subtitle: #442020;
+   --color-subtitle: #770505;
    --color-text-dark: #333;
    --color-text-medium: #666;
    --color-text-light: #888;
@@ -28,7 +28,7 @@
 }
 
 .hero-subtitle {
-   color: var(--color-subtitle);
+   color: #770505;
    font-size: 3em;
    font-family: "Computer Modern", serif;
    max-width: 100%;
@@ -345,6 +345,7 @@
 
    .what-item {
       max-width: 350px;
+      padding: 0;
    }
 
    .what-icon {
@@ -1081,32 +1082,120 @@ td {
    text-align: left;
 }
 
+/* Edits */
 
-.image-box {
-  width: 240px;
-  padding: 0.5rem;
-  border: 1px solid #ccc;
-  background: #f8f8f8;
+@media (max-width: 1165px) {
+   .hero-info-section {
+      margin: 30px 0;
+      padding: 0 15px;
+   }
+   
+   .info-content {
+      flex-direction: column;
+      text-align: center;
+      max-width: 95%;
+      gap: 1.5rem;
+   }
+}
+
+
+
+@media (max-width: 1100px) {
+
+   .info-content{
+      margin-top: 10px;
+      padding: 0;
+   }
+
+  .what-icons {
+   margin: 40px -10px;
+   text-align: center;
 }
 
-.image-box.right {
-  float: right;
-  margin: 0 0 1rem 1.5rem;
+.what-grid {
+   display: flex;
+   gap: 20px;
+   max-width: 500px;
+   margin: 0 100px;
+   text-align: center;
+   padding-bottom: 30px;
 }
+}
+
+@media (max-width: 900px) {
+   .what-icons {
+      margin: 40px 0;
+      text-align: center;
+   }
+
+   .what-grid {
+      grid-template-columns: 1fr !important;
+      display: grid;
+      gap: 40px;
+      max-width: 400px;
+      margin: 0 auto;
+   }
+
+   .what-item {
+      max-width: 350px;
+      padding: 0;
+   }
+
+   .what-icon {
+      width: 75px;
+      height: 75px;
+   }
+
+   .what-icon-fallback {
+      width: 75px;
+      height: 75px;
+      font-size: 1.5em;
+   }
+
+   .what-name {
+      font-size: 1.5em;
+   }
 
-.image-box.left {
-  float: left;
-  margin: 0 1.5rem 1rem 0;
+   .what-description {
+      font-size: 1.2em;
+   }
+
+   /* Remove column separators on small screens */
+   .what-item:not(:first-child) {
+      border-left: none;
+      padding-left: 0;
+   }
 }
 
-.image-box img {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  margin-bottom: 0.5rem;
+@media (max-width: 890px) {
+   .hero-title{
+      font-size: 90px;
+      line-height: 100px;
+   }
+   .hero-subtitle{
+      font-size: 30px;
+   }
+
+   .software-grid{
+      gap: 20px;
+   }
 }
 
-.image-box p {
-  margin: 0;
-  font-size: 0.9rem;
+@media (max-width: 640px) {
+.hero-title{
+      font-size: 50px;
+      line-height: 70px;
+   }
 }
+
+@media (max-width: 470px) {
+   .hero-info-section{
+      padding: 0;
+      justify-content: center;
+      align-items: center;
+   }
+   .info-content{
+      padding: 0;
+      margin: auto;
+   }
+}
\ No newline at end of file