diff --git a/src/css/footerstyle.css b/src/css/footerstyle.css
index a44b0ca..6908517 100755
--- a/src/css/footerstyle.css
+++ b/src/css/footerstyle.css
@@ -9,12 +9,6 @@
     align-items: center;
 }
 
-.footer-center-box {
-    display: flex;
-    justify-content: center;
-    width: 70%;
-}
-
 .footer-logo {
     height: 50%;
     margin-bottom: 5%;
@@ -28,13 +22,22 @@
         height: 30vh;
         margin-bottom: -1%;
         flex-direction: row;
+        justify-content: flex-start;
+    }
+
+    .footer-center-box {
+        width: 40%;
+        left: 30%;
+        display: flex;
+        position: absolute;
         justify-content: center;
+        align-items: center;
     }
     
     .footer-logo {
-        width: 10%;
+        margin-left: 7%;
+        height: 90%;
         display: inline-block;
-        position: relative;
-        vertical-align: middle;
+        margin-bottom: 0;
     }
 }
diff --git a/src/css/mainstyle.css b/src/css/mainstyle.css
index b8096aa..95fac39 100755
--- a/src/css/mainstyle.css
+++ b/src/css/mainstyle.css
@@ -19,7 +19,6 @@ html, body {
 
 body {
 	background-color: rgba(0, 1, 73, 0.7);
-	/* background-color: rgba(0, 2, 100, 0.5); */
 	font-family: sans-serif;
 }
 
@@ -140,6 +139,12 @@ body {
 	border-radius: 20px;
 }
 
+@media only screen and (min-width: 550px) and (max-width: 998px) {
+	.project-logo {
+		margin-top: 10vh;
+		width: 50vw;
+	}
+}
 
 @media only screen and (min-width: 999px) {
 	/*
diff --git a/src/css/nav/logo.css b/src/css/nav/logo.css
index 7861f5e..c7fcf99 100644
--- a/src/css/nav/logo.css
+++ b/src/css/nav/logo.css
@@ -11,8 +11,10 @@
 }
 
 #logo {
-    height: 70%;
-    width: 70%;
+    margin-left: 5%;
+    margin-top: 5%;
+    height: 65%;
+    width: 65%;
 }
 
 .nav-container:hover .logo-container {