@media screen and (max-width:768px) {

  #container { width: 100%; padding: 0; }
  #main { width: auto; padding: 0 10px; }
  #sidebarContainer { display: none; }
  #webring { display: none; }
  #header { width: 100%; }
  #header-logo { margin-left: 10px; }
  #header-slogan { margin-right: 10px; }
  h1 .sub { display: none; }

}

@media screen and (max-width:580px) {
  #header-slogan { display: none; }
}

@media screen and (max-width:400px) {
  td.source { display: none; }
}

@media screen and (max-width:320px) {
  td.icon { display: none; }
}