@media only screen and (min-width: 600px) {  
  body {
    margin: 20px;
  }
  
  ul {
    display: flex;
  }
  
  li {
    font-size:calc(10px + 1.2vw);
  }
  
  #menuDiv {
      float:right;
      position:relative;
      left:-52%;
      text-align:left;
  }
  #menuDiv ul{
      list-style:none;
      position:relative;
      left:50%;
  }

  #buffer {
    margin-top: 10vh
  }
  
  #colibri {
    margin-top: -20vh;
    margin-right: -25vw;
  } 
  #fotos {
    display: flex;
    width:80%;
    margin-top: 2%;
    margin-bottom: 2%;
  }
  #fotos img {
    width: 28%;
    padding: 3%;
    padding-bottom: 10%;
    margin: 5px;
  }
}