split cities, better madein

content/_index.md

@@ -6,15 +6,19 @@ title = "Librezo"
 
 <span class="slogan3">Collectif d'artisans numériques</span>
 
-<img class="madein" alt="Made in Chez Vous" src="/img/madein.png"/>
-
-<p class="cities narrower">Aix &#8211; Cambrai &#8211; Cévennes &#8211; Grasse &#8211; Le Havre &#8211; Marseille &#8211; Montreuil &#8211; Montpellier &#8211; Nantes &#8211; Paris &#8211; Pau &#8211; Rennes &#8211; Rohanne &#8211; Toulouse</p>
+<div class="cities nn">
+	<p>Aix &#8211; Cambrai &#8211; Cévennes &#8211; Grasse &#8211; Le&nbsp;Havre &#8211; Marseille &#8211; Montreuil</p>
+	<div class="madein-wrapper">
+		<img class="madein" alt="Made in Chez Vous" src="/img/madein-purple.png"/>
+	</div>
+	<p>Montpellier &#8211; Nantes &#8211; Paris &#8211; Pau &#8211; Rennes &#8211; Rohanne &#8211; Toulouse</p>
+</div>
 
 <span class="slogan2">Vous en avez assez de dépendre des géants du web&#8239;?</span>
 
-<span class="slogan1">Reprenez le contrôle de vos données</span>
+<a href="/logiciel-libre" class="slogan1">Reprenez le contrôle de vos données</a>
 
-<span class="slogan1">Comment ça se passe&#8239;?</span>
+<div class="process-title"><span>Comment ça se passe&#8239;?</span></div>
 
 <div class="process-title"><span>Autonomisation de l'infrastructure réseau</span></div>
 
@@ -33,6 +37,8 @@ title = "Librezo"
 {{ process_box(number="7", title="Autonomie", description="Vous êtes capable de gérer votre système et vos applications : vous êtes autonome et n'avez plus besoin de tiers de confiance.") }}
 </div>
 
+## Ils nous font confiance
+
 <div class="client_boxes" style="margin-top: 64px;">
 {{ client_box(
 	title = "Novelcast"

sass/css/base.scss

@@ -72,10 +72,18 @@ a:hover, a:focus {
 	color: $grey1;
 	font-size: 135%;
 	font-family: Neucha;
+	display: flex;
+	align-items: center;
+}
+
+.madein-wrapper {
+	height: 120px;
+	margin-top: 32px;
 }
 
 .madein {
-	width: 256px;
+	width: 192px;
+	transform: rotate(-30deg);
 }
 
 .slogan1 {