DBC22-1096: update site logo (#158)

* DBC22-1096: Updated site logo to desired

* DBC22-1096: Added styling for the logo and removed unused image

Added styling for the logo and removed unused image

* DBC22-1096: Fixed styling on mobile

Fixed styling on mobile

---------

Co-authored-by: bcgov-brwang <bcgov.brwang@gmail.com>

Author: ray-oxd

src/frontend/src/Footer.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import './Footer.scss';
 import Container from 'react-bootstrap/Container';
-import logo from './images/BCID_H_rgb_pos.png';
+import logo from './images/dbc-logo.svg';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {
   faArrowUpRightFromSquare,

src/frontend/src/Header.js

@@ -8,7 +8,7 @@ import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 
 // Static files
-import logo from './images/BCID_H_rgb_pos.png';
+import logo from './images/dbc-logo.svg';
 
 // Styling
 import './Header.scss';

src/frontend/src/Header.scss

@@ -68,14 +68,35 @@
 
 	&-brand {
 		padding: 0;
-    margin-left: 48px;
+    	margin-left: 48px;
 
-    @media (min-width: 992px) {
-      margin-left: 0;
+    	@media (min-width: 992px) {
+      		margin-left: 0;
 		}
 
 		.header-logo {
-			height: 50px;
+			width: 144px;
+			height: 37px;
+			top: 6px;
+			left: 32px;
+			margin-right: 24px;
+		}
+	}
+
+	&-brand {
+		padding: 0;
+		margin-left: 48px;
+
+		@media (max-width: 992px) {
+			margin-left: 0;
+			}
+
+		.header-logo {
+			width: 144px;
+			height: 37px;
+			top: 6px;
+			left: 32px;			
+			margin-right: 24px;
 		}
 	}