static/css/_forms.scss

@@ -5,12 +5,14 @@ label {
 }
 input, textarea, select {
  	transition: all 0.1s ease-in;
+    -webkit-transition: 0.1s;
+    -moz-transition: 0.1s;
  	display: block;
  	width: 100%;
  	margin: auto;
  	padding: 1em;
  	box-sizing: border-box;
-
+ 
  	background: $form-input-background;
  	color: $black;
  	border: none;
@@ -44,6 +46,9 @@ input[type="checkbox"] {
 
 form.inline {
   display: inline;
+@media only screen and (max-width: 600px) {
+    display: block !important;
+  }
   margin: 0px;
   padding: 0px;
   width: auto;
@@ -55,6 +60,9 @@ form.inline {
     font-size: 1em;
     width: auto;
    -webkit-appearance: none;
+  @media only screen and (max-width: 600px) {
+    display: block !important;
+  }
 
     &:not(.button) {
       margin: 0;
@@ -68,8 +76,13 @@ form.inline {
 
 .button, input[type="submit"], button {
  	transition: all 0.1s ease-in;
+    -webkit-transition: 0.1s;
+    -moz-transition: 0.1s;
  	display: inline-block;
   -webkit-appearance: none;
+@media only screen and (max-width: 600px) {
+    display: block !important;
+  }
 
  	border-radius: 0.5em;
  	margin: 0.5em auto;
@@ -122,7 +135,7 @@ form.new-post {
    	color: $black;
    	border: none;
     -webkit-appearance: none;
-
+   
    	font-family: $playfair;
    	font-size: 1.5em;
   }
@@ -157,4 +170,4 @@ header.center {
     margin-left: 0;
     margin-right: 0;
   }
-}
+}