Merge branch 'master' of mowoe.com:reverend/lostplaces-frontend

components/01_Atoms/input/_input.scss

@@ -11,11 +11,12 @@
         padding: 8px;
         margin-bottom: $-margin-bottom;
 
-        &:focus, &:active{
+        &:focus, &:active, &:invalid{
             margin-bottom: $-margin-bottom - 1px;
             border-bottom: 2px solid $-wine-red;
             background-color: $-almost-white;
-            border-radius: 3px 3px 0 0;
+			border-radius: 3px 3px 0 0;
+			box-shadow: none;
         }
     }
 
@@ -31,10 +32,6 @@
         padding: 3px;
         position: relative;
         top: -$-margin-bottom;
-
-        &:before{
-            content: '* ';
-        }
     }
 
     &--error{

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%;
+	}
+	
 }