fixed cs from merge

src/Header/Header.css

@@ -5,6 +5,16 @@ header {
 	margin-top: 0%;
 }
 
+#logo {
+	width: 10%;
+	height: 10%;
+	background-color: white;
+}
+
+/* not sure what these two are for */
+#title {
+	background-color: blueviolet;
+}
 .banner {
 	display: flex;
 	flex-direction: row;
@@ -12,13 +22,3 @@ header {
 	justify-content: flex-start;
 	background-color: aqua;
 }
-
-.logo {
-    width: 10%;
-    height: 10%;
-    background-color: white;
-}
-
-#title {
-    background-color: blueviolet;
-}

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