/* MOBILE */
/* stylesheet is called for screen only by .info file */

/* pads and netbooks */
@media (max-width: 960px) {
  img {
    max-width: 90%;
    height: auto;
  }  
  
}

@media (max-width: 680px) {
  #navigation, #supplementary {
    clear: both;
    position: relative;
  }
  #content, #navigation, #navigation li a, #supplementary {
    width: 100%;
  }
  #content, #supplementary {
    margin-top: 0;
  }
  #content img {
    float: none;
    clear: both;
    margin: 0;
  }
}

/* iPhone etc */
@media (max-width: 480px) {
  body {
      font-size: 86%;
  }
  
}

/* tiny screens */
@media (max-width: 240px) {
  a#logo img {
    display: hidden;
  }
}