From 0fbe168764e754d258ece9f465999e01b7cadbdb Mon Sep 17 00:00:00 2001
From: Alex Windett <windettalex@gmail.com>
Date: Tue, 17 Jan 2017 11:18:49 +0000
Subject: [PATCH] correcting font style for H1

---
 ui/src/components/base-elements/index.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/base-elements/index.js b/ui/src/components/base-elements/index.js
index 8c7cf170..e4fd8de5 100644
--- a/ui/src/components/base-elements/index.js
+++ b/ui/src/components/base-elements/index.js
@@ -3,10 +3,15 @@
 const Styled = require('styled-components');
 const React = require('react');
 
+const fns = require('../../shared/functions');
+
 const {
   default: styled
 } = Styled;
 
+const {
+  remcalc
+} = fns;
 
 // If specificity is an issue (i.e nested elements) check base/index.js first
 // before using !important
@@ -14,8 +19,12 @@ const elements = [
   {
     name: 'H1',
     properties: {
-      'line-height': '70px',
-      'font-size': '60px'
+      'font-size': remcalc(36),
+      'font-weight': 600,
+      'font-style': 'normal',
+      'font-stretch': 'normal',
+      'color': '#364acd',
+      'border-bottom': `${remcalc(1)} solid #d8d8d8`,
     }
   },
   {