@media screen and (max-width: 768px) {
  #wrap {
    min-width: 0;
    max-width: 99%;
  }

  #content, #sidebar {
    width: 99%;
    float: none;
    display: block;
    font-size: 115%;
  }

  #sidebar {
    width: 60%;
    margin-top: 0.2em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  #menu {
    text-align: center;
    border: none;
    font-size: 95%;
  }

  .riquadro {
    margin-left: 3px;
    padding: 0 0 0 0.5em;
  }

  .riquadro a.foto {
    float: left;
    margin-right: 0.2em;
  }

  img {
    max-width: 90%;
    height: auto;
  }
}