diff --git a/src/static/css/style.css b/src/static/css/style.css
index 0aa291a..b57c78a 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -75,6 +75,11 @@ body{
     border-bottom: 2px solid #949494;
   }
 
+  .navbar-brand{
+    padding-top:0px !important;
+    padding-bottom: 0px !important;
+  }
+
   .nav-logo{
     width: 4.9vw;
   }
@@ -90,6 +95,45 @@ body{
   }
 }
 
+@media only screen and (min-width: 576px) and (max-width: 768px) {
+
+  div.container-fluid.top-nav{
+    padding-left: 0px !important;
+  }
+
+  .navbar{
+    background-color: #1a1a1a !important;
+    height: 13.5vw;
+    border-bottom: 2px solid #949494;
+    padding-top: 0px !important;
+    padding-bottom: 0px !important;
+  }
+
+  .navbar-brand{
+    padding-top:0px;
+    padding-bottom: 0px;
+  }
+
+  .container-fluid{
+    background: none !important;
+  }
+
+  .nav-logo{
+    width: 13.2vw;
+    top:0px !important;
+  }
+
+  .nav-logo:hover{
+    transform: scale(0.9);
+  }
+
+  .nav-item{
+    font-family: "pp-neue-machina", sans-serif;
+    text-transform: uppercase;
+    font-size: 1.2vw;
+  }
+}
+
 /* Brand Colors */
 
   /* Type Colors: */
@@ -226,12 +270,12 @@ li{
   }
 
 }
-/*
+
 @media only screen and (max-width: 576px) and (max-width: 768px){
 
   h1{
-    font-size: 10rem;
-    line-height: 10rem;
+    font-size: 20vw;
+    line-height: 10vw;
     margin-top: -20px;
     margin-left: -15px;
   }