body {
  background-color:#f1f1f1;
  font-family: georgia,sans-serif;
  color:#333;
  margin:0;
  padding:0;
}

#wrapper {
  display: flex;
  flex-wrap: wrap;  /* Permite que os elementos se enrolem para a próxima linha */
  width: 100%;
  background-color: #f8f8f8;
  margin: 0 auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#content {
  flex: 1 1 80%;  /* Cresce para ocupar o espaço extra, mas não mais que 80% */
  padding: 10px;
}

#sidebar {
  flex: 1 1 200px;  /* Mantém uma largura de base de 200px e permite crescer se necessário */
  margin-bottom: 25px;
}
#sidebar a {
  text-decoration:none;
}
#sidebar li {
  list-style:none;
}