From 4a07629861bbc14803dfab01d90b924f9e5f8abf Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Thu, 26 Nov 2015 08:26:18 +0100
Subject: [PATCH] better margins on small screens

---
 index.html            | 4 ++--
 stylesheets/small.css | 7 +++++++
 stylesheets/style.css | 1 +
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 1df12a0..cfb9c99 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,8 @@
         <meta name="description" content="Tiqa :: Développement - Conseil - Formation"/>
         <link rel="stylesheet" href="stylesheets/sanitize.css"/>
         <link rel="stylesheet" href="stylesheets/style.css"/>
-        <link rel="stylesheet" media="screen and (max-width: 500px)" href="stylesheets/small.css"/>
-        <link rel="stylesheet" media="screen and (max-height: 640px)" href="stylesheets/small-height.css"
+        <link rel="stylesheet" media="only screen and (max-width: 500px)" href="stylesheets/small.css"/>
+        <link rel="stylesheet" media="only screen and (max-height: 640px)" href="stylesheets/small-height.css"
         
         <!-- Favicons -->
         <link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png">
diff --git a/stylesheets/small.css b/stylesheets/small.css
index 755dd32..59243c8 100644
--- a/stylesheets/small.css
+++ b/stylesheets/small.css
@@ -1,3 +1,10 @@
 img#logo {
     width: 80%;
 }
+
+p.Centered {
+    display: inherit;
+    margin-left: 10px;
+    margin-right: 10px;
+    text-align: center;
+}
diff --git a/stylesheets/style.css b/stylesheets/style.css
index d974551..1ebc524 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -47,4 +47,5 @@ footer {
     position: absolute;
     height: 100px;
     width: 100%;
+    margin-top: 40px;
 }
\ No newline at end of file