stepper style

src/styles/partials/_responsive.scss

@@ -1,7 +1,30 @@
 @import '../variables';
 
 // small screens
-@media (max-width: 487px) {
+@media (max-width: 340px) {
+	#creation_stepper {
+		.step-title-poll {
+			font-size: 0.85rem;
+		}
+		.title-section {
+			width: 40%;
+		}
+		.menu-button {
+			padding: 0.5rem;
+		}
+	}
+}
+@media (max-width: 400px) {
+	#creation_stepper {
+		.title-section {
+			width: 45%;
+		}
+		.menu-button {
+			padding: 1rem;
+		}
+	}
+}
+@media (max-width: 569px) {
 	.logo-home-link-img {
 		display: inline-block;
 		margin-top: 8px;
@@ -23,10 +46,10 @@
 	}
 
 	.step {
-		padding: $stepper-nav-height 0.25rem;
+		padding: calc(56px + 32px) 1rem;
 	}
 	.bottom-step-buttons {
-		padding: 0;
+		padding: 0.25rem;
 		.contained-in-main-column {
 			padding: 0.5rem;
 		}
@@ -54,7 +77,7 @@
 		max-width: 18ch;
 	}
 }
-@media (min-width: 488px) {
+@media (min-width: 570px) {
 	.is-hidden-smallest-screen {
 		display: block;
 	}