/* responsive! */
@media only screen and (max-width: 1024px) {
   #content {
      width: 800px;
      padding-left: 0;
   }
   #layout {
      padding-left: 10px;
   }
   .layout {
      padding-left: 10px;
   }
   #footer {
      margin: 10px;
   }
}
@media only screen and (max-width: 800px) {
   #content {
      width: 600px;
      padding-left: 0;
   }
   a {
      font-size: x-large;
   }
}
@media only screen and (max-width: 600px) {
   #content,header {
      width: 500px;
   }
}

@media only screen and (max-width: 500px) {
   #content,header {
      width: 400px;
   }
}

@media only screen and (max-width: 400px) {
   #content,header {
      width: 300px;
   }
}