Fixed headers

src/components/pages/About.jsx

@@ -21,7 +21,7 @@ export default class About extends React.Component {
 	render() {
 		return (
 			<div>
-		      <h2>About</h2>
+		      <h1>About</h1>
 		    </div>
 		)
 	}

src/components/pages/Contacts.jsx

@@ -21,7 +21,7 @@ class Contacts extends React.Component {
 	render() {
 		return (
 			<div>
-		      <h2>Contacts</h2>
+		      <h1>Contacts</h1>
 		    </div>
 		)
 	}

src/components/pages/Home.jsx

@@ -21,7 +21,7 @@ class Home extends React.Component {
 	render() {
 		return (
 			<div>
-		      <h2>Home</h2>
+		      <h1>Home</h1>
 		    </div>
 		)
 	}

src/components/pages/Providers.jsx

@@ -21,7 +21,7 @@ class Providers extends React.Component {
 	render() {
 		return (
 			<div>
-		      <h2>Providers</h2>
+		      <h1>Providers</h1>
 		    </div>
 		)
 	}

src/components/pages/Tabs.jsx

@@ -21,7 +21,7 @@ class Tabs extends React.Component {
 	render() {
 		return (
 			<div>
-		      <h2>Tabs</h2>
+		      <h1>Tabs</h1>
 			  {this.props.test}
 		    </div>
 		)

src/components/pages/Topics.jsx

@@ -29,7 +29,7 @@ export default class Topics extends React.Component {
 
 		return (
 			<div>
-		      <h2>Topics</h2>
+		      <h1>Topics</h1>
 		      <ul>
 		        <li>
 		          <Link to={`${match.url}/rendering`}>

src/styles/components/base.scss

@@ -11,6 +11,16 @@ h1, h2, h3, h4, h5, h6 {
     font-family: 'PT Sans';
 }
 
+h1 {
+	font-size: 2.5rem;
+}
+h2 {
+	font-size: 2rem;
+}
+h3 {
+	font-size: 1.6rem;
+}
+
 .view {
 	height: 100%;
 	padding: 0;