Fixes the header and cleans up the Card component examples.

src/_components/card.md

@@ -22,32 +22,17 @@ anchors:
 
 ## Examples
 
-### Default - Gray
-
-<div class="site-showcase">
-  {% include_relative html/card.html %}
-</div>
-
-### Default - White with border
+### Default 
 
 {% include storybook-preview.html story="components-va-card--default" link_text="va-card default" %}
 
-### With Drop Shadow
-
-{% include storybook-preview.html story="components-va-card--with-drop-shadow" link_text="va-card default" %}
+### With Background
 
-### Benefit payments
+{% include storybook-preview.html story="components-va-card--with-background" link_text="va-card with background" %}
 
-<div class="site-showcase">
-  {% include_relative html/card-benefit-payments.html %}
-</div>
-
-### Application status (Benefit application drafts)
-
-<div class="site-showcase">
-  {% include_relative html/card-benefit-application-drafts.html %}
-</div>
+### With Drop Shadow
 
+{% include storybook-preview.html story="components-va-card--with-drop-shadow" link_text="va-card with drop shadow" %}
 
 ## Usage
 

src/_includes/header.html

@@ -44,7 +44,9 @@
     <div class="site-header__masthead">
       <div class="site-header__logo" id="extended-logo">
         <em class="site-header__logo-text">
-          <a class="site-header__logo-link" title="VA.gov Design System homepage" href="{{ site.baseurl }}/"><strong class="vads-u-display--block small-screen:vads-u-display--inline">VA.gov</strong> <span class="vads-u-display--none small-screen:vads-u-display--inline">|</span> Design System</a>
+          <a class="site-header__logo-link" title="VA.gov Design System homepage" href="{{ site.baseurl }}/">
+            <strong class="vads-u-display--block mobile-lg:vads-u-display--inline">VA.gov</strong> 
+            <span class="vads-u-display--none mobile-lg:vads-u-display--inline">|</span> Design System</a>
         </em>
       </div>
       <div class="site-header__utility-links">