#form{
 width: 500px;
 height: auto;

 margin: 0 auto;
 padding: 0 1%;
 //box-shadow: 5px 5px 0 #AAA;
 border-radius: 5px;
}

h2{
 font-size: 15px;
 color: #333;
 font-family: "Open Sans", Arial, sans-serif;
 text-align: left;
 margin: 0 0 5px 0;
}

input[type=submit]{
 background-color:#FF9900;
 height:50px;
 width:98%;
 //border:none;
 font-weight:400;
 letter-spacing:2px;
 color:#FFFFFF;
}

input{
 width: 98%;
 height: 40px;
 font: 300 24px "Open Sans", Arial, sans-serif;
 margin: 5px 0 10px 0;
}

 textarea{
 width: 98%;
 height: 100px;
 font: 300 24px "Open Sans", Arial, sans-serif;
 margin: 5px 0 10px 0;
}

body{
 font-family: "Open Sans", Arial, sans-serif;
 font-size: 14px;
 font-weight: 350;
 color: #333;
}

/* ==================================================================================== */
/* MEDIA QUERY 479-1 teléfono vertical gris */
/* ==================================================================================== */
@media only screen and (device-width:768px), only screen and (min-width:1px) and (max-width:768px) { 
#form{
 width: 90%;
 height: auto;
 margin: 0 auto;
 padding: 0 1%;
 border-radius: 5px;
}


input{
 width: 95%;
 height: 30px;
 font: 300 24px "Open Sans", Arial, sans-serif;
 margin: 5px 0 5px 0;
}

textarea{
 width: 95%;
 height: 100px;
 font: 300 24px "Open Sans", Arial, sans-serif;
 margin: 5px 0 5px 0;
}

}
img {
    max-width: 100%;
    height: auto;
}