styles/style.css

@@ -32,6 +32,12 @@ body {
   font-size: 18px;
 }
 
+@media only screen and (min-width: 600px) {
+  .form-text-small {
+    width: 50%;
+  }
+}
+
 .form-text-large {
   text-align: left;
   border: black;
@@ -42,6 +48,12 @@ body {
   font-size: 16px;
 }
 
+@media only screen and (min-width: 600px) {
+  .form-text-large {
+    width: 50%;
+  }
+}
+
 .form-info {
   color: #0280e5;
   font-size: 17px;
@@ -55,20 +67,12 @@ body {
   padding-bottom: 5px;
 }
 
-.text-description p {
+p.text-description{
   width: 80%;
 }
 
-@media only screen and (min-width: 768px) {
-  .form-text-small {
-    width: 50%;
-  }
-
-  .form-text-large {
-    width: 50%;
-  }
-
-  .text-description p {
+@media only screen and (min-width: 600px) {
+p.text-description{
     width: 50%;
   }
 }