imporves course object header typography

lms/static/sass/_course_about.scss

@@ -243,12 +243,12 @@
     border: 1px solid rgb(200,200,200);
     border-top: none;
     float: left;
-    padding: 20px 20px 30px;
+    padding: 16px 20px 30px;
     width: flex-grid(4);
 
     header {
       margin-bottom: 30px;
-      padding-bottom: 20px;
+      padding-bottom: 16px;
       position: relative;
       text-align: center;
 

lms/static/sass/_courses.scss

@@ -4,7 +4,7 @@
 
   header.search {
     background: rgb(240,240,240);
-    @include background-image(url('/static/images/shot-2-large.jpg'));
+    //@include background-image(url('/static/images/shot-2-large.jpg'));
     background-size: cover;
     border-bottom: 1px solid rgb(100,100,100);
     @include box-shadow(inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3));

lms/static/sass/application.css

@@ -2108,6 +2108,7 @@ header.global {
         clear: both; }
       .highlighted-courses .courses .course .meta-info p, .find-courses .courses .course .meta-info p {
         color: white;
+        font-style: italic;
         line-height: 1.2em;
         padding: 4px 12px 5px; }
     .highlighted-courses .courses .course .inner-wrapper, .find-courses .courses .course .inner-wrapper {
@@ -2142,7 +2143,11 @@ header.global {
           top: 0px; }
           .highlighted-courses .courses .course header.course-preview > a hgroup h2, .find-courses .courses .course header.course-preview > a hgroup h2 {
             color: #3c3c3c;
+            font-family: "Open Sans", Verdana, Geneva, sans-serif;
+            font-size: 1em;
+            font-weight: 700;
             margin-bottom: 0px;
+            overflow: hidden;
             padding-top: 9px;
             text-shadow: 0 1px rgba(255, 255, 255, 0.6);
             text-overflow: ellipsis;
@@ -4173,11 +4178,6 @@ nav.course-material {
   padding-bottom: 60px; }
   .find-courses header.search, .university-profile header.search {
     background: #f0f0f0;
-    background-image: url("/static/images/shot-2-large.jpg");
-    background-image: url("/static/images/shot-2-large.jpg");
-    background-image: url("/static/images/shot-2-large.jpg");
-    background-image: url("/static/images/shot-2-large.jpg");
-    background-image: url("/static/images/shot-2-large.jpg");
     background-size: cover;
     border-bottom: 1px solid #646464;
     -webkit-box-shadow: inset 0 -1px 8px 0 rgba(0, 0, 0, 0.2), inset 0 1px 12px 0 rgba(0, 0, 0, 0.3);
@@ -4590,11 +4590,11 @@ nav.course-material {
   border: 1px solid #c8c8c8;
   border-top: none;
   float: left;
-  padding: 20px 20px 30px;
+  padding: 16px 20px 30px;
   width: 31.984%; }
   .course-info .course-sidebar header {
     margin-bottom: 30px;
-    padding-bottom: 20px;
+    padding-bottom: 16px;
     position: relative;
     text-align: center; }
     .course-info .course-sidebar header::after {

lms/static/sass/application.scss

@@ -13,14 +13,14 @@
 @import 'shared_styles/shared_forms';
 @import 'shared_styles/shared_footer';
 @import 'shared_styles/shared_header';
-@import 'shared_styles/shared_list_of_courses';
+@import 'shared_styles/course_object';
 @import 'shared_styles/shared_course_filter';
 @import 'shared_styles/shared_modal';
 @import 'shared_styles/activation_messages';
 
 @import 'home';
 @import 'dashboard';
-@import 'course_object';
+@import 'courseware_subnav';
 @import 'courses';
 @import 'course_about';
 @import 'jobs';

lms/static/sass/shared_styles/_shared_list_of_courses.scss → lms/static/sass/shared_styles/_course_object.scss

@@ -33,6 +33,7 @@
 
         p {
           color: rgb(255,255,255);
+          font-style: italic;
           line-height: 1.2em;
           padding: 4px 12px 5px;
         }
@@ -69,7 +70,11 @@
 
             h2 {
               color: $base-font-color;
+              font-family: $sans-serif;
+              font-size: 1em;
+              font-weight: 700;
               margin-bottom: 0px;
+              overflow: hidden;
               padding-top: 9px;
               text-shadow: 0 1px rgba(255,255,255, 0.6);
               text-overflow: ellipsis;

lms/templates/courses.html

@@ -3,7 +3,7 @@
 <%namespace name='static' file='static_content.html'/>
 
 <section class="find-courses">
-  <header class="search">
+  <header class="search" style="background: url('/static/images/shot-2-large.jpg')">
     <div class="inner-wrapper main-search">
       <hgroup>
         <div class="logo">

lms/templates/university_profile.html

@@ -3,13 +3,13 @@
 <%namespace name='static' file='static_content.html'/>
 
 <section class="university-profile">
-  <header class="search">
+  <header class="search" style="background: url('/static/images/shot-5-large.jpg')">
     <div class="inner-wrapper university-search">
       <hgroup>
         <div class="logo">
-          <img src="${static.url('images/harvard.png')}" />
+          <img src="${static.url('images/mit.png')}" />
         </div>
-        <h1>HarvardX</h1>
+        <h1>MITx</h1>
       </hgroup>
     </div>
   </header>