diff --git a/public/index.html b/public/index.html
index 0bf5ef7a..f6144fb3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,28 +1,36 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
-    <link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/earth.ico">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap" rel="stylesheet">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <meta name="theme-color" content="#000000" />
+    <link
+      href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css"
+      rel="stylesheet"
+    />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/earth.ico" />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap"
+      rel="stylesheet"
+    />
     <title>Travel Guide | By Zero To Mastery Students</title>
-    <meta name="description"
-        content="A zero to mastery open source project lead by Andrei Neagoie and build by students.">
-</head>
-
-<body>
+    <meta
+      name="description"
+      content="A zero to mastery open source project lead by Andrei Neagoie and build by students."
+    />
+  </head>
+  <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
     <script>
-        AOS.init({
-            duration: 1200,
-        })
+      AOS.init({
+        duration: 1200,
+      });
     </script>
-</body>
-
-</html>
\ No newline at end of file
+  </body>
+</html>
diff --git a/src/components/Footer.js b/src/components/Footer.js
index f21ec141..4cdb84b7 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -1,14 +1,14 @@
 import React from "react";
 import { Link } from "react-router-dom";
 // import "../styles/footer.css";
-const footer = () => {
+const Footer = () => {
   return (
     <div>
       <footer
         style={{
           // backgroundImage:
           //   "url(http://demap.com.au/wp-content/uploads/2014/05/Banner.png)"
-          backgroundColor: "black"
+          backgroundColor: "black",
         }}
         className="tc-l bg-center cover bg-purple"
       >
@@ -149,4 +149,4 @@ const footer = () => {
   );
 };
 
-export default footer;
+export default Footer;
diff --git a/src/components/Header.js b/src/components/Header.js
index 281d37ea..ca1be721 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -3,11 +3,11 @@ import { NavLink, Link } from "react-router-dom";
 // import globe from "../Globe.svg";
 import "../styles/Header.css";
 
-const header = () => {
+const Header = () => {
   return (
     <header className="white-80 tc pv4 header pb7 ">
       <h1
-        className="mt2 mb3  headertext"
+        className="mt2 mb3 headertext"
         data-aos="fade-down"
         data-aos-duration="5000"
       >
@@ -27,7 +27,6 @@ const header = () => {
           </div>
         </Link>
       </div>
-
       <nav className="bt bb tc center mt4 nav">
         <NavLink
           to="/travel-guide"
@@ -90,4 +89,4 @@ const header = () => {
   );
 };
 
-export default header;
+export default Header;
diff --git a/src/styles/Header.css b/src/styles/Header.css
index 3b12ef16..56cfc4aa 100644
--- a/src/styles/Header.css
+++ b/src/styles/Header.css
@@ -1,25 +1,26 @@
-@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
-@import url('https://fonts.googleapis.com/css?family=Staatliches');
+@import url("https://fonts.googleapis.com/css?family=Abril+Fatface");
+@import url("https://fonts.googleapis.com/css?family=Staatliches");
 
 .header {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.849)), url(../img/BaganMyanmar.jpg);
-    background-position: 20% 85%;
-
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-origin: content-box;
-    /* mix-blend-mode: saturation; */
-
+  background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.849)),
+    url(../img/BaganMyanmar.jpg);
+  /* background-position: 20% 85%; */
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+  /* background-origin: content-box; */
+  height: 15vh;
+  /* mix-blend-mode: saturation; */
 }
 
 header.header {
-    padding-top: 0;
+  padding-top: 0;
 }
 
 @media screen and (min-width: 1300px) {
-    .header {
-        background-position: 10% 80%;
-    }
+  /* .header {
+    background-position: 10% 80%;
+  } */
 }
 
 /* @media screen and (min-width: 500px) {
@@ -31,30 +32,30 @@ header.header {
 
 } */
 
-
 .headertext {
-    background: rgb(0, 0, 0);
-    letter-spacing: 7px;
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    font-family: 'Staatliches', cursive;
-    font-size: 6em;
-    text-transform: uppercase;
-    text-shadow: 4px 3px 0px white;
-    margin-top: 0;
+  background: rgb(0, 0, 0);
+  letter-spacing: 7px;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  font-family: "Staatliches", cursive;
+  font-size: 6rem;
+  align-self: center;
+  text-transform: uppercase;
+  text-shadow: 4px 3px 0px white;
+  margin-top: 0;
 }
 
 h1.headertext {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 .nav {
-    background-color: rgba(0, 0, 0, 0.952);
-    position: relative;
-    bottom: -40px;
+  background-color: rgba(0, 0, 0, 0.952);
+  position: relative;
+  bottom: -40px;
 }
 
 iframe {
-    border: 0px;
-}
\ No newline at end of file
+  border: 0px;
+}
