add responsive banners

adapt.css

@@ -71,6 +71,12 @@ hr {
 /* The #wikilogo element is the logo from $PageLogoFmt */
 #wikilogo { padding:10px 2em 6px 75px; text-align:right;
 background: #eaeaea; border-bottom:1px #ccc solid;  }
+a#banner {
+  background-image: url(/pub/skins/adapt4finf/finf-luh-mobile.png);
+  display: block;
+  width: 274px;
+  height: 51px;
+}
 
 /*TODO Wikify this*/
 .content-subhead { margin: 50px 0 20px 0; font-weight: 300; color: #888;}
@@ -211,6 +217,12 @@ will disappear and the Side Menu for larger displays will be visible.
 @media (min-width: 48em) {
  #menu .sidesearch { display: none; }
  #wikilogo { padding-left: 1em; text-align:left; }
+ a#banner {
+  background-image: url(/pub/skins/adapt4finf/finf-luh-desktop.png);
+  display: block;
+  width: 900px;
+  height: 100px;
+ }
  #wikihead form { margin-top: 0.3em; display:block; }
  .title,
  .content { padding-left: 2em; padding-right: 2em; }

adapt.tmpl

@@ -34,8 +34,7 @@
 <!--/PageLeftFmt-->
   <div id="main">
 <!--PageHeaderFmt-->
-  <div id='wikilogo'><a href='{$ScriptUrl}'><img src='$PageLogoUrl'
-    alt='$WikiTitle' border='0' /></a></div>
+  <div id='wikilogo'><a id='banner' href='{$ScriptUrl}'></a></div>
   <div id='wikihead'>
   <form action='{$ScriptUrl}'>
     <input type='hidden' name='n' value='{$FullName}' />