clean up contact us a bit

src/app/contact-us/contact-us.component.html

@@ -2,10 +2,7 @@
   class="contact-us"
   id="contact-us"
 >
-  <!--<mat-card>-->
   <h1>CONTACT US</h1>
-    <!--<mat-tab-group mat-stretch-tabs>-->
-      <!--<mat-tab label="In Person">-->
   <div
     fxLayout="row"
     fxLayout.lt-md="column"
@@ -13,13 +10,10 @@
   >
     <div fxFlex="50%">
       <h3>Come Visit Us</h3>
-        <p>On any given day you are likely to find one or all of us at the <a href="http://www.stauntonmakerspace.com/" target="_blank">Staunton Makerspace</a>. Whether we are crafting client code, painting the walls, or soldering together our latest invention, the Makerspace is an inspiring place for us to do our best work. </p>
-
-      <!--</mat-tab>-->
-      <!--<mat-tab label="Remote">-->
+      <p>On any given day you are likely to find one or all of us at the <a href="http://www.stauntonmakerspace.com/" target="_blank">Staunton Makerspace</a>. Whether we are crafting client code, laser-cutting a costume piece, or soldering together our latest invention, the Makerspace keeps us inspired to do our best work. </p>
       <h3>Write to us</h3>
-        <p>dan@sartography.com</p>
-        <h3>Give us a Call</h3>
+      <p><a href="mailto://dan@sartography.com">dan@sartography.com</a></p>
+      <h3>Give us a call</h3>
       <p>+1.540.457.0024</p>
       <h3>Send us a postcard</h3>
       <p>Sartography</p>
@@ -31,7 +25,4 @@
       <img src="../../assets/images/staunton_old_map.jpg">
     </div>
   </div>
-      <!--</mat-tab>-->
-    <!--</mat-tab-group>-->
-  <!--</mat-card>-->
 </div>

src/app/contact-us/contact-us.component.scss

@@ -10,6 +10,10 @@
   background-color: mat-color($sartography-primary, 50);
   color: mat-contrast($sartography-primary, 50);
 
+  a {
+    color: mat-color($sartography-accent, 700);
+  }
+
   .map img {
     max-height: 100%;
     max-width: 100%;