.myform{
 position: relative;
 float: left;
 width: 100%;
 height: auto;
 font-family: 'Questrial', sans-serif;  
 color: #333;
 margin-top: 10px;
 margin-bottom: 50px;
}
@media screen and (min-width: 240px){.myform{margin-bottom: 15px;font-size: 0.7em;}}
@media screen and (min-width: 320px){.myform{margin-bottom: 20px;font-size: 0.8em;}}
@media screen and (min-width: 768px){.myform{margin-bottom: 30px;font-size: 0.8em;}}
@media screen and (min-width: 1024px){.myform{margin-bottom: 50px;font-size: 1em;}}
#stylized{
}
#stylized label{
 text-align: left;
 width: 15%;
 margin-top: 5px;
 float: left;
/* clear: left;*/
 display: block;
}
@media screen and (min-width: 240px){#stylized label{clear: both;}}
@media screen and (min-width: 768px){#stylized label{clear: left;}}

#stylized input{
 width: 80%;
 height: 20px;
 margin-top: 5px;
 border: none;
 clear: right;
 float: right;
}
@media screen and (min-width: 240px){#stylized input{width: 100%;clear: both;float: left;}}
@media screen and (min-width: 420px){#stylized input{width: 80%;clear: right;float: right;}}

#stylized textarea{
 width: 80%;
 margin-top: 5px;
 margin-left: 1%;
 border: none;
 resize: none;
 overflow: auto;
 clear: right;
 float: left;
}
@media screen and (min-width: 240px){#stylized textarea{width: 100%;clear: both;float: left;}}
@media screen and (min-width: 420px){#stylized textarea{width: 80%;clear: right;float: right;}}

#stylized button{
/* clear: both;*/
 width: auto;
 padding: 5px;
 margin-top: 10px;
 margin-right: 3%;
 border: none;
 background-color: #00C1C0;
 color: #FFF;
 text-align: center;
 float: left;
}
.btn{
 margin-left: 70%;
}
@media screen and (min-width: 240px){
 .btn{margin-left: 40%;}
}
@media screen and (min-width: 768px){
 .btn{margin-left: 40%;}
}
@media screen and (min-width: 1024px){
 .btn{margin-left: 70%;}
}