Splash text size

diff --git a/karmaworld/assets/css/home.css b/karmaworld/assets/css/home.css
index e682e0064dc9d4943671ad66e9df763d1580fd74..061239b50557739ef4f5102253c6f5d32b57f5bf 100644 (file)
--- a/karmaworld/assets/css/home.css
+++ b/karmaworld/assets/css/home.css
@@ -1,10 +1,16 @@
 #splash {
-  font: 3em 'Museo700';
-  padding: 10vh 5vh 10vh 5vh;
+  padding: 10vh 5vw 10vh 5vw;
   color: #ffffff;
   text-align: center;
+  font-size: 3em;
 }
 
+@media only screen and (max-width: 40.063em) {
+  #splash {
+    font-size: 1.8em;
+  }
+} /* medium screens and down */
+
 input.search-courses {
   display: inline;
   margin: 0 0 10px 5px;
@@ -29,7 +35,6 @@ select.course-sort {
 #intro-video-button {
   color: #f1592a;
   background: #ffffff;
-  font: 0.3em 'museo700';
-  margin: 50px 0 0 0;
+  margin: 10px 0 0 0;
   padding: 5px 5px 5px 5px;
 }

diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 44553c402dd6c3292208b2b2a662666b1cf61e63..9989c4d4857329c8b424ab37d1123fc62ea404a5 100644 (file)
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -36,8 +36,8 @@
 {% block raw_content %}
 <section id="home_content">
   <div id="page_header">
-    <div id="splash">
-      <div class="row">
+    <div id="splash" class="museo700">
+      <div id="splash_copy" class="row">
         <div class="small-12 large-8 columns large-offset-2">
           Browse and contribute lecture notes and quizzes from over 100 college courses.
         </div>