html, body {  
    margin:0px;  
    height:100%;  
  } 

.todo {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #d8d8d8;
    align-items: center;
    justify-content: center;
}

.logo {
    width: 90%;
    height: 90%;
}

.fotos {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.foto {
    margin: 10px;
    width: 80%;
    max-width: 490px;
}