create consistency between font weights and colours on work section

src/views/work/work.component.css

@@ -1,27 +1,35 @@
 .work {
     padding-top: 45px;
 }
-
+.work-title {
+    color: hsla(0, 67%, 46%, 1);
+    font-weight: 800;
+    text-transform: uppercase;
+}
+.work .column {
+    margin-bottom: 36px;
+}
 #canvas-container {
     height: 100%;
 }
 
 .work-item:not(:last-child) {
-    margin-bottom: 24px;
-}
-.work-title {
-    color: #44394c;
-    line-height: 1;
+    margin-bottom: 36px;
 }
 .work-duration {
     display: block;
-    color: #969da5;
+    margin-bottom: 8px;
+    color: hsla(218, 100%, 40%, 1);;
     font-size: small;
     font-weight: 600;
-    margin-bottom: 4px;
+    line-height: 1;
 }
-.work-description {
-    margin: 0;
-    font-size: 1em;
-    line-height: 1.4;
+.work-company {
+    font-weight: 800;
+    line-height: 1;
+    text-transform: uppercase;
+}
+.work-position {
+    font-weight: 400;
+    line-height: 1;
 }

src/views/work/work.component.js

@@ -16,27 +16,23 @@ export class WorkViewComponent extends Component {
         return (
             <div className="work">
                 <div className="container">
-                    <h2>Work</h2>
+                    <h2 className="work-title">Work</h2>
                     <div className="row">
+                        <div className="column">
+                            <div id="canvas-container" title="A Generative 'Piet Mondrian' Art"></div>
+                        </div>
                         <div className="column">
                             <div className="work-item">
-                                <h3 className="work-title">
-                                    Full Stack Developer @ <strong>Bombardier Inc.</strong>
-                                </h3>
                                 <time className="work-duration">October 2016 &rarr; Present</time>
-                                <p className="work-description">Design and develop enterprise web applications which digitize business processes currently used to build the Global, Q Series, C Series, and Lear aircraft.</p>
+                                <h3 className="work-company">Bombardier Inc.</h3>
+                                <h3 className="work-position">Full Stack Developer</h3>
                             </div>
                             <div className="work-item">
-                                <h3 className="work-title">
-                                    Freelance Web Developer
-                                </h3>
-                                <time className="work-duration">April 2015 &rarr; Present</time>
-                                <p className="work-description">Freelance web development and design work for small-to-medium sized businesses.</p>
+                                <time className="work-duration">September 2014 &rarr; Present</time>
+                                <h3 className="work-company">Freelance</h3>
+                                <h3 className="work-position">Web Developer</h3>
                             </div>
                         </div>
-                        <div className="column">
-                            <div id="canvas-container" title="A Generative 'Piet Mondrian' Art"></div>
-                        </div>
                     </div>
                 </div>
             </div>