Optimized for smaller viewports

components/03_Organisms/form/_form.scss

@@ -1,11 +1,12 @@
 .LP-Form{
-    max-width: 900px;
     .LP-Form__Fieldset{
         border: none;
 
         .LP-Form__Legend{
             margin: 0;
-            padding: 0;
+			padding: 0;
+			font-family: $-primary-sans-serif-font;
+			font-size: 21px;
         }
 
         .LP-Form__Composition{
@@ -18,23 +19,19 @@
                 padding: 6px 15px;
 
                 &--wider{
-                    flex: 5 1 200px;
+                    flex: 5 1;
                 }
 
                 &--wide{
-                    flex: 4 1 150px;
+                    flex: 4 1;
                 }
 
                 &--narrow{
-                    flex: 2 0 50px;
+                    flex: 2 0;
                 }
 
                 &--narrower{
-                    flex: 1 0 25px;
-                }
-
-                input{
-                    width: 100%;
+                    flex: 1 0;
                 }
             }
         }

components/04_Templates/home/_home.scss

@@ -1,8 +1,15 @@
 .LP-MainContainer {
     margin: 0 auto;
-    max-width: 1280px;
+	max-width: 1280px;
 }
 
 .LP-HorizontalLine{
     color: $-grey;
+}
+
+@media(max-width: $-viewport-small){
+	.LP-MainContainer {
+		width: 100%;
+	}
+	
 }