Fix some responsive issue on homepage.

[website.git] / assets / home.css

diff --git a/assets/home.css b/assets/home.css
index 8f339bbb2d291652050987abc3f173aed09a7b3f..d3bf66ffd9d27eefc5eb2c31b1c5ab66c7db1a71 100644 (file)
--- a/assets/home.css
+++ b/assets/home.css
@@ -1,10 +1,11 @@
-
-#logo {
-       width: auto;
-       height: 200px;
-       background: url(home-logo.png) no-repeat -490px center;
+@media screen and (min-width: 45em) {
+       #logo {
+               width: auto;
+               height: 200px;
+               background: url(home-logo.png) no-repeat -490px center;
+       }
+       .body-wrapper > header {background: none;}
 }
-.body-wrapper > header {background: none;}
 
 h1.title {display: none;}
 
@@ -15,6 +16,14 @@ h1.title {display: none;}
        text-align: right;
        margin-top: 1em;
 }
+@media screen and (max-width: 45em) {
+       #logo-home-subtext-fr,
+       #logo-home-subtext-en {
+               font-size: 1.3em;
+               text-align: center;
+       }
+}
+
 #logo-home-subtext-fr {
 }
 #logo-home-subtext-en {