assets/home.css

   1 @media screen and (min-width: 45em) {
   2         #logo {
   3                 width: auto;
   4                 height: 200px;
   5                 background: url(home-logo.png) no-repeat -490px center;
   6         }
   7         .body-wrapper > header {background: none;}
   8 }
   9 @media screen and (min-width: 45em) and (max-width: 900px) {
  10         #logo {
  11                 background-position: right center;
  12         }
  13 }
  14
  15 h1.title {display: none;}
  16
  17 #logo-home-subtext-fr,
  18 #logo-home-subtext-en {
  19         font-size: 160%;
  20         line-height: 1em;
  21         text-align: right;
  22         margin-top: 1em;
  23 }
  24 @media screen and (max-width: 45em) {
  25         #logo-home-subtext-fr,
  26         #logo-home-subtext-en {
  27                 font-size: 1.3em;
  28                 text-align: center;
  29         }
  30 }
  31
  32 #logo-home-subtext-fr {
  33 }
  34 #logo-home-subtext-en {
  35 }
  36
  37 #logo-home-subtext-fr a ,
  38 #logo-home-subtext-en a {
  39         display: block;
  40         font-weight: bold;
  41         text-decoration: none;
  42 }
  43
  44 #logo-subtexts {
  45         margin-bottom: 2em;
  46 }
  47
  48 /* #logo-home }}} */