diff --git a/src/Header/Header.css b/src/Header/Header.css
index a660521..dd01aa6 100644
--- a/src/Header/Header.css
+++ b/src/Header/Header.css
@@ -1,24 +1,24 @@
 header {
-    display: flex;
-    flex-direction: column;
-    margin: 1%;
-    margin-top: 0%;
+	display: flex;
+	flex-direction: column;
+	margin: 1%;
+	margin-top: 0%;
 }
 
-.banner {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    background-color: aqua;
-}
-
-.logo {
-    width: 10%;
-    height: 10%;
-    background-color: white;
+#logo {
+	width: 10%;
+	height: 10%;
+	background-color: white;
 }
 
+/* not sure what these two are for */
 #title {
-    background-color: blueviolet;
-}
\ No newline at end of file
+	background-color: blueviolet;
+}
+.banner {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: flex-start;
+	background-color: aqua;
+}
diff --git a/src/Header/Header.js b/src/Header/Header.js
index 549f6b2..339f5e6 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -38,12 +38,12 @@ const Header = () => {
 			<header>
 				<div>
 					<img
-						style={{ background: "gray" }}
+						id="logo"
 						onClick={() => LinkTo("/")}
 						src={logo}
-						alt="logo"
+						alt="Schulich Off-Road's logo"
 					/>
-					<p>Schulich Offroad</p>
+					<h2>Schulich Offroad</h2>
 				</div>
 				<nav>
 					<OpenPage