family->overview css, forgotten in #386

_includes/css/responsive.css

@@ -86,10 +86,10 @@
   .home h2 span:last-child {
     right: 35px;
   }
-  .license-family {
+  .license-overview {
     margin-bottom: 20px;
   }
-  .license-family-heading {
+  .license-overview-heading {
     float: none;
     width: 100%;
   }

_includes/license-overview.html

@@ -1,9 +1,9 @@
 {% assign id = "/licenses/" | append: include.license-id %}
 {% assign licenses = site.licenses | where:"id", id %}
 {% for license in licenses %}
-<div class="license-family clearfix" id="{{ include.license-id | slugify }}">
-  <div class="license-family-heading">
-    <h3 class="license-family-name">
+<div class="license-overview clearfix" id="{{ include.license-id | slugify }}">
+  <div class="license-overview-heading">
+    <h3 class="license-overview-name">
       <a href="{{ license.url }}">
           {% if license.nickname %}
             {{ license.nickname }}
@@ -13,7 +13,7 @@
       </a>
     </h3>
 
-    <p class="license-family-description">{{ license.description }}</p>
+    <p class="license-overview-description">{{ license.description }}</p>
   </div>
 
   <div class="license-details">

assets/css/application.scss

@@ -144,12 +144,12 @@ strong {
 .circular     { background-position: 0 -129px; width: 72px; height: 69px; }
 
 
-.license-family {
+.license-overview {
   clear: both;
   margin-bottom: 50px;
 }
 
-.license-family-heading {
+.license-overview-heading {
   float: left;
   width: 35%;
 }
@@ -163,12 +163,12 @@ strong {
   padding-left: 20px;
 }
 
-.license-family-name {
+.license-overview-name {
   font-size: 28px;
   margin-top: 5px;
 }
 
-.license-family-description {
+.license-overview-description {
   color: #555;
 }