From 32cb623c79cb551bfdbcaf76f4dd27e6839b331a Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 22 Dec 2021 17:12:10 +0100
Subject: [PATCH] wip #4966 @0.5

---
 RenaultLanding/index.html | 58 +++++++++++++++++++++++++++++++--------
 1 file changed, 47 insertions(+), 11 deletions(-)
diff --git a/RenaultLanding/index.html b/RenaultLanding/index.html
index 3db6c43..58aa979 100644
--- a/RenaultLanding/index.html
+++ b/RenaultLanding/index.html
@@ -2,10 +2,9 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width:device-width">
+    <meta name="viewport" content="width=device-width">
     <title>Guide des tarifs 2021 - Renault Group</title>
-    <style type="text/css">
-
+    <style>
         @font-face {
             font-family: 'NouvelR';
             src: url('nouvelr-bold.woff2') format('woff2'),
@@ -31,12 +30,14 @@
         html, body {
             min-height: 100%;
             height: 100%;
+            width: 100%;
         }
 
         header {
             background-color: #fff;
             height: 80px;
             position: relative;
+            width: 100%;
         }
 
         #logo {
@@ -45,16 +46,20 @@
             left: 15px;
         }
 
+        body {
+            background-image: url('back.jpg');
+            background-size: cover;
+            background-repeat: no-repeat;
+            background-position: 50% 50%;
+            background-color: #000;
+        }
+
         main {
             display: table;
             height: calc(100% - 80px);
             width: 100%;
-            background-color: #000;
             color: #fff;
             text-align: center;
-            background-image: url('back.jpg');
-            background-size: cover;
-            background-position: 50% 50%;
             font-family: "NouvelR", Arial, Helvetica, sans-serif;
         }
 
@@ -72,6 +77,10 @@
             text-shadow: #000 0 0 10px;
         }
 
+        main br{
+            display: none;
+        }
+
         main h2 {
             font-weight: 400;
         }
@@ -107,12 +116,39 @@
 
 
         @media screen and (max-width: 800px) {
-            main{
+            main {
                 padding: 0 30px;
             }
+
+            main br{
+                display: initial;
+            }
+
             main h1, main h2 {
                 font-size: 50px;
-                margin:10px 0;
+                margin: 10px 0;
+            }
+
+            main a{
+                display: block;
+                width: 100%;
+                margin-left:auto;
+                margin-right: auto;
+                max-width: 325px;
+            }
+        }
+
+        @media screen and (max-width: 600px) {
+            main h1, main h2 {
+                font-size: 40px;
+            }
+
+        }
+
+
+        @media screen and (max-width: 400px) {
+            main h1, main h2 {
+                font-size: 40px;
             }
         }
     </style>
@@ -127,8 +163,8 @@
 </header>
 <main>
     <div>
-        <h1>Contrats de services</h1>
-        <h2>Guide des tarifs 2021</h2>
+        <h1>Contrats <br>de services</h1>
+        <h2>Guide des <br>tarifs 2021</h2>
         <a class="renault" href="./renault/index.html">
             <svg xmlns="http://www.w3.org/2000/svg" width="59.515" height="77.897" viewBox="0 0 59.515 77.897">
                 <g id="Emblem" transform="translate(0 0)">
-- 
2.39.5

