input, select, textarea { 
   font-family: 'Poppins', sans-serif;
   font-size: 1em;
   padding: 10px;
   color: #6c6c6c;
   background: #eee;
   border: 0;
}

form > div {
   clear: both;
   overflow: hidden;
   margin: 0 0 10px 0;
}

form > div > fieldset > div > div {
   margin: 0 0 5px 0;
}

form > div > div,
form > div > fieldset > div {
   width: 75%;
   float: right;
}

form > div > fieldset label {
   font-size: 100%;
}

fieldset {
   border: 0;
   padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
   width: 98%;
   border: 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
   outline: 0;
   border: 0;
}

input[type=submit] {
   padding: 10px 15px;
   background: #eee;
   border: 0;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
}

input[type=submit]:hover {
   background: #60994c;
   cursor: pointer;
   border: 0;
   color: #fff;
}


@media (max-width: 1000px) {

   form > div {
      margin: 0 0 15px 0; 
   }

   form > div > label,
   legend {
      width: 90%;
      float: none;
      margin: 0 0 5px 0;
   }

   form > div > div,
   form > div > fieldset > div {
      width: 90%;
      float: none;
   }

   input[type=text],
   input[type=email],
   input[type=url],
   input[type=password],
   textarea,
   select {
      width: 90%; 
      border: 0;
   }

}

@media (min-width: 1200px) {

   form > div > label,
      legend {
      text-align: right;
   }

}