header {
    text-align: center;
    background-color: green;
}

body{
    background-color: red;
    display: flex;            
    flex-direction: column;
    min-height: 100vh; 
}

footer{
    color: green;
}





.ilustracoes{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 50vh;
    width: auto;
}

@media only screen and (max-width: 700px) {
    .ilustracoes {
        flex-direction: column;
        
        margin-bottom: 15px;
        height: auto;
    }


}