diff --git a/src/css/_config.scss b/src/css/_config.scss
index 2f456a0..66bd1b7 100755
--- a/src/css/_config.scss
+++ b/src/css/_config.scss
@@ -27,7 +27,7 @@ $container-small: 55rem;
 // -------------------------------------------------------------
 
 $breakpoints: (
-  sm: 480px,
+  sm: 550px,
   md: 769px,
   lg: 1000px,
 );
diff --git a/src/css/_helpers.scss b/src/css/_helpers.scss
index ab7148c..f92477a 100644
--- a/src/css/_helpers.scss
+++ b/src/css/_helpers.scss
@@ -102,6 +102,8 @@ $helpers: (
     (flex-col, flex-direction, column),
     (text-center, text-align, center),
     (w100, width, 100%),
+    (maxw100, max-width, 100%),
+
   ),
 );
 
diff --git a/src/index.njk b/src/index.njk
index 34a6140..75c9342 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -20,7 +20,7 @@ permalink:
 				</p>
 			</article>
 		</div>
-		<article class="w100 maxw380px text-center">
+		<article class="w100 maxw380px sm:maxw100 text-center">
 			<h2 class="title-1 mt0">Et <span class="highlighter-underline">vous</span>&nbsp;?</h2>
 			<div class="flex flex-col">
 				{# <div class="notif notif--error mb2" x-bind="error" x-cloak>Message d'erreur à faire</div> #}