diff --git a/assets/css/style.scss b/assets/css/style.scss
index b2867f5..4fe1bb3 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,10 +1,11 @@
 ---
 ---
+$primary-color: #2196F3;
 
 @import "{{ site.theme }}";
 
 .page-header {
-  background-color: #2196F3;
+  background-color: $primary-color;
   background-image: url('/assets/images/header.png');
   background-position: center;
   background-size: cover;
@@ -23,6 +24,10 @@
   opacity: 1;
 }
 
+.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
+  color: $primary-color;
+}
+
 @media screen and (min-width: 64em) {
   .page-header {
       padding: 4rem 6rem;