@media (max-width: 400px) {
    .content { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-top: 5px; }
}
@media (min-width: 401px) and (max-width: 500px) {
    .content { margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-top: 10px; }
}
@media (min-width: 501px) and (max-width: 800px) {
    .content { margin-left: 50px; margin-right: 50px; margin-top: 10px; margin-top: 10px; }
}
@media (min-width: 801px) and (max-width: 1100px) {
    .content { margin-left: 100px; margin-right: 100px; margin-top: 10px; margin-top: 10px; }
}
@media (min-width: 1101px) and (max-width: 1400px) {
    .content { margin-left: 200px; margin-right: 200px; margin-top: 10px; margin-top: 10px; }
}
@media (min-width: 1401px) {
    .content { margin-left: 300px; margin-right: 300px; margin-top: 20px; margin-top: 20px; }
}