*{
	font-size: 14px;
}
.main {
width:100%;
background:#fff;
padding:1%;
box-sizing:border-box;
}
.main img {
width:50%; 
height:auto;
}

form.login {
    background: #DDDDDC;
    border: 2px solid #DDDDDD;
    font-family: sans-serif;
    margin: 0 auto;
    padding: 1%;
    width: 37%;
}
form.login div {
    margin-bottom: 5%;
    overflow: hidden;
}

form.login div input[type="text"], form.login div input[type="password"] {
    border: 1px solid #DCDCDC;
    float: rigth; 
    width:100%
    padding: 20%;
}
form.login div input[type="submit"] {
    background: none repeat scroll 0 0 #DADADA;
    border: 1px solid #C6C6C6;
    float: right;
    font-weight: bold;
}


@media screen and (max-width:800px){
form.login { 
     width:100%;}
.main img {
width:100%; 
height:auto;
}

@media screen and (max-width:300px){
form.login { 
     width:100%;}
.main img {
width:100%; 
height:auto;
}
}