From c84e16fbfdf85d2586d4c0c3652690c5eba69cb4 Mon Sep 17 00:00:00 2001
From: Juliana <juliana@le-filament.com>
Date: Mon, 2 Sep 2019 20:52:54 +0200
Subject: [PATCH] Modif 3

---
 static/src/css/pylote.css       | 27 +++++++++++++++++++--------
 static/src/css/pylote_mobil.css | 19 +++++++++++++++++++
 views/home.xml                  | 18 +++++++++---------
 views/snippets.xml              | 13 ++++---------
 4 files changed, 51 insertions(+), 26 deletions(-)

diff --git a/static/src/css/pylote.css b/static/src/css/pylote.css
index 80da82f..88e3255 100644
--- a/static/src/css/pylote.css
+++ b/static/src/css/pylote.css
@@ -498,7 +498,7 @@ form label{
 
 .home-banner{
 	margin-bottom: 0px;
-	margin-top: 100px;
+	margin-top: 126px;
 	height: auto;
 	background-image: url("/pylote_website/static/src/img/banner-home-mobil.png");
 }
@@ -563,7 +563,8 @@ form label{
 }
 
 .home-header-title h1{
-	font-size: 53px;	
+	font-size: 24px;
+	line-height: 26px;	
 }
 
 .home-header-title h1, .home-header-title p{
@@ -576,8 +577,8 @@ form label{
 }
 
 .home-header-title p{
-	line-height: 35px;
-	font-size: 26px;
+	line-height: 20px;
+	font-size: 18px;
 }
 
 
@@ -632,6 +633,10 @@ hr{
 	font-weight: 700;
 }
 
+.circle-home-border-mobil p{
+	font-size: 12px;
+}
+
 .circle-home-border{
 	background-image: url("/pylote_website/static/src/img/bord-cercle.png");
     background-size: contain;
@@ -955,6 +960,7 @@ h2 span{
 #our-mission .d-flex img{
 	width: 80px;
 	height: 80px;
+	margin: 0 auto;
 }
 
 .mission-flex{
@@ -985,7 +991,7 @@ h2 span{
     background-color: #56A099;
     display: block;
     margin: 0 auto;
-    margin-top: 10px;
+    margin-top: 15px;
 }
 
 #our-mission svg {
@@ -1058,8 +1064,13 @@ h2 span{
 	padding: 5px 0px; 
 }
 
+.level-subbloc h3{
+	margin-bottom: 0px;
+}
+
 .env-bloc h3{
 	font-weight: 300;
+	padding: 0px; 
 }
 
 .env-bloc h3:after{
@@ -1067,7 +1078,7 @@ h2 span{
     height: 0.5px;
     background-color: #56A099;
     display: block;
-    margin: 15px auto;
+    margin: 18px auto;
 }
 
 .level-subbloc h3:after{
@@ -1076,7 +1087,7 @@ h2 span{
     width: 100px;
     background-color: #56A099;
     display: block;
-    margin-top: 10px;
+    margin: 15px 0px;
 }
 
 .level-subbloc{
@@ -1116,7 +1127,7 @@ h2 span{
 #on-result p{
 	font-weight: 400;
 	font-size: 16px;
-	line-height: 18px;
+	line-height: 27px;
 }
 
 #on-compliance p{
diff --git a/static/src/css/pylote_mobil.css b/static/src/css/pylote_mobil.css
index 36ac0f5..93b75e0 100644
--- a/static/src/css/pylote_mobil.css
+++ b/static/src/css/pylote_mobil.css
@@ -1,5 +1,24 @@
 @media (min-width: 768px) {
 
+	.home-header-title h1{
+		font-size: 53px;	
+		line-height: 57px;
+	}
+
+	.home-header-title p{
+		line-height: 35px;
+		font-size: 26px;
+	}
+
+	#our-mission .d-flex img{
+		margin: 0;
+	}
+
+	#our-mission h3:after{
+		margin: 0;
+		margin-top: 15px;
+	}
+
 	div#wrap{
 		margin-top: 130px;
 	}
diff --git a/views/home.xml b/views/home.xml
index afe850d..277bc33 100644
--- a/views/home.xml
+++ b/views/home.xml
@@ -49,24 +49,24 @@
           <div class="d-block d-sm-none-pylote container">
               <div class="d-flex pt-5 pb-5">
                 <div class="home-bloc">
-                  <div class="circle-home-border">  
-                    <div class="circle-home circle-home-mobile">
+                  <div class="circle-home-border circle-home-border-mobil">  
+                    <!-- <div class="circle-home circle-home-mobile"> -->
                       <p><a id="cleaner-home-mobil" href="#">Cleaner</a></p>
-                    </div>
+                    <!-- </div> -->
                   </div>
                 </div>
                 <div class="home-bloc">
-                  <div class="circle-home-border">    
-                    <div class="circle-home circle-home-mobile">
+                  <div class="circle-home-border circle-home-border-mobil">    
+                    <!-- <div class="circle-home circle-home-mobile"> -->
                       <p><a id="safer-home-mobil" href="#">Safer</a></p>
-                    </div>
+                    <!-- </div> -->
                   </div>
                 </div>
                 <div class="home-bloc">
-                  <div class="circle-home-border">    
-                    <div class="circle-home circle-home-mobile">
+                  <div class="circle-home-border circle-home-border-mobil">    
+                    <!-- <div class="circle-home circle-home-mobile"> -->
                       <p><a id="greener-home-mobil" href="#">Greener</a></p>
-                    </div>
+                    <!-- </div> -->
                   </div>
                 </div>
               </div>
diff --git a/views/snippets.xml b/views/snippets.xml
index 8c1ce3d..1068da0 100644
--- a/views/snippets.xml
+++ b/views/snippets.xml
@@ -19,9 +19,7 @@
                             <div class="carousel-right">
                                 <div class="carousel-right-inner">
                                     <div class="circle-home-border">  
-                                        <!-- <div class="circle-home"> -->
-                                            <p>Cleaner</p>
-                                        <!-- </div> -->
+                                        <p>Cleaner</p>
                                     </div>
                                     <div class="carousel-text-right-inner">
                                         <p>We maintain microbiological hygiene until the use</p>
@@ -29,9 +27,7 @@
                                 </div>
                                 <div class="carousel-right-inner">
                                     <div class="circle-home-border">  
-                                        <!-- <div class="circle-home"> -->
-                                            <p>Safer</p>
-                                        <!-- </div> -->
+                                        <p>Safer</p>
                                     </div> 
                                     <div class="carousel-text-right-inner">
                                         <p>We remove preservatives up to 0%</p>
@@ -39,9 +35,8 @@
                                 </div>
                                 <div class="carousel-right-inner">
                                     <div class="circle-home-border">  
-                                        <!-- <div class="circle-home"> -->
-                                            <p>Greener</p>
-                                        <!-- </div> -->
+                                        <p>Greener</p>
+                                        
                                     </div>
                                     <div class="carousel-text-right-inner">
                                         <p>Lighter and recyclable</p>
-- 
GitLab