#form {
padding: 5px;
width: auto;
margin: 20px auto;
}
#contentleft {
width: 50%;
float: left;
padding: 5px 15px;
}
#contentright {
width: 50%;
padding: 5px 15px;
float: left;
}
#bottom {
clear: both;
padding: 0 15px;
}  @media screen and (max-width: 980px) {
#form {
width: 94%;
}
#contentleft {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}
#contentright {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
}
#bottom {
clear: both;
padding: 1% 4%;
width: auto;
float: none;
} @media screen and (max-width: 600px) {
#contentleft {
width: auto;
float: none;
}
#contentright {
width: auto;
float: none;
}
#bottom {
width: auto;
float: none;
}
} @media screen and (max-width: 480px) {