body {background-image: url('bg.jpg');
background-repeat:no-repeat;
background-size:cover;
font-family:Tahoma, Geneva, sans-serif;
color:#fff;}

input[type=text] {width:325px; padding:10px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}
input[type=text]:focus {border-color:#333; }

input[type=submit] {width:350px; padding:10px; background:#ccc; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; }

input#last {width:148px;}
input#first {width:148px;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body {background-image: url('bg1.jpg')}
input[type=text] {width:260px; padding:2px;}
input[type=submit] {width:265px; padding:2px;}
input#last {width:124px;}
input#first {width:124px;}
}