Changes to selector naming and structuring

Modules are still on old scheme

modules/card/_card_module.scss

@@ -6,24 +6,28 @@
 // Card module styles
 // ------------------------------------------------------------------------------
 
-.card_body {
-  .bkgBox {
-      transition-duration: 800ms;
+%absolute_full {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
+}
+
+.card_body {
+  .bkg_box {
+    @extend absolute_full;
+      transition-duration: 800ms;
       overflow: hidden;
       vertical-align: top;
       z-index: -1;
   }
 
-  .bkgBox > svg {
+  .bkg_box > svg {
       position: relative;
   }
 
-  .wrapperBox {
+  .flex_wrap_center {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
@@ -42,7 +46,7 @@
       height: 100%;
   }
 
-  #content {
+  .flex_content {
       position: relative;
       padding: 64px 64px 24px 64px;
       border: 1px solid #FFF;
@@ -53,7 +57,6 @@
   h1 {
       margin: 16px 0;
       color: #1E1E1E;
-      font-family: $primary_font_family;
       font-size: 24px;
       line-height: 1.4em;
       font-weight: normal;
@@ -62,12 +65,11 @@
   p {
       margin-top: 0;
       margin-bottom: 16px;
-      font-family: $primary_font_family;
       font-size: 12px;
       line-height: 1.4em;
   }
 
-  .full {
+/*  .full {
       position: absolute;
       width: 128px;
       height: 128px;
@@ -82,7 +84,7 @@
       height: 32px;
       margin-top: 16px;
   }
-
+ */
   .marked {
       padding-left: 1em;
       text-indent: -1em;