diff --git a/public/img/flag.png b/public/img/flag.png
new file mode 100644
index 0000000..5f3a0af
Binary files /dev/null and b/public/img/flag.png differ
diff --git a/public/img/flag_border.png b/public/img/flag_border.png
new file mode 100644
index 0000000..eefc420
Binary files /dev/null and b/public/img/flag_border.png differ
diff --git a/public/styles/shared.css b/public/styles/shared.css
index d280e90..a659315 100644
--- a/public/styles/shared.css
+++ b/public/styles/shared.css
@@ -17,6 +17,20 @@ body {
 	color: white;
 }
 
+.banner {
+	max-width: 320px;
+	height: auto;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: .5em;
+}
+
+@media screen and (max-width: 480px) {
+	.banner {
+		max-width: 80%;
+	}
+}
+
 h1 {
 	font-size: 24pt;
 	color: pink;
diff --git a/server/index.js b/server/index.js
index c00d9e5..1866ee8 100644
--- a/server/index.js
+++ b/server/index.js
@@ -42,6 +42,7 @@ profiles.runGoldTick(connection);
 
 //static directories
 app.use('/styles', express.static(path.resolve(__dirname + '/../public/styles')) );
+app.use('/img', express.static(path.resolve(__dirname + '/../public/img')) );
 
 //the app file
 app.get('/app.bundle.js', (req, res) => {
diff --git a/src/components/app.jsx b/src/components/app.jsx
index efe2e1b..a1630bd 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -20,6 +20,7 @@ export default class App extends React.Component {
 	render() {
 		return (
 			<div className = 'central'>
+				<img className='banner' src={'/img/flag.png'} />
 				<BrowserRouter>
 					<Switch>
 						<Route exact path='/' component={Home} />
diff --git a/src/components/pages/home.jsx b/src/components/pages/home.jsx
index 10128dc..daef619 100644
--- a/src/components/pages/home.jsx
+++ b/src/components/pages/home.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import { withRouter, Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
 
 //panels
 import CommonLinks from '../panels/common_links.jsx';
@@ -37,8 +36,6 @@ class Home extends React.Component {
 		//return the home page
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<SidePanel />
 
@@ -117,11 +114,6 @@ class Home extends React.Component {
 	}
 }
 
-Home.propTypes = {
-	id: PropTypes.number.isRequired,
-	token: PropTypes.number.isRequired
-};
-
 function mapStoreToProps(store) {
 	return {
 		id: store.account.id,
diff --git a/src/components/pages/ladder.jsx b/src/components/pages/ladder.jsx
index 047a549..77c865b 100644
--- a/src/components/pages/ladder.jsx
+++ b/src/components/pages/ladder.jsx
@@ -22,8 +22,6 @@ class Ladder extends React.Component {
 
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<div className='sidePanel'>
 						<CommonLinks />
diff --git a/src/components/pages/profile.jsx b/src/components/pages/profile.jsx
index fcba12d..94ba855 100644
--- a/src/components/pages/profile.jsx
+++ b/src/components/pages/profile.jsx
@@ -59,8 +59,6 @@ class Profile extends React.Component {
 		//finally
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<SidePanel />