body{
    padding: 0;
    margin: 0;
}
.header{
    margin: 3vh 0 5vh 0;
    display: block;
    width: 99vw;
    height: 15vh;
    background-color: purple;
}
.container{
    padding: 0;
    margin: 0;
    display: block;
    background-color: blue;
    width: 99vw;
    height: auto;
    
}

.filho1{
    text-align: center;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-left: 5vw;
    width: 20vw;
    background-color: red;
}
.filho2{
    text-align: center;
    padding: 0;
    margin: 0;
    margin-left: 5vw;
    display: inline-block;
    width: 69vw;
    height: 50vh;
    background-color: yellow;
}
.filho3{
    text-align: center;
    margin: auto;
    display: block;
    width: 99vw;
    height: 50vh;
    background-color: orange;
}

.rodapé{
    text-align: center;
    width: 99vw;
    height: 30vh;
    background-color: green;
}