div.tudo{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width:975px;
    margin:0 auto;
}

div.esquerda {
    width: 300px;
    float: left;
    background-color: rgb(144, 215, 243);
    margin-top: -7%;
}

div.meio {
    width: 500px;
    float: left;
}

div.direita {
    width: 300px;
    float: left;
    background-color: chocolate;
}

h1 {
    font-size: 100px;
    margin-left: 2.5%;
}

div.topo {
    background-color: rgb(253, 219, 106);
}

div.direitadireita{
    margin-top: 20%;
}
@media ( min-width:768px) and ( max-width:1024px ) {div.tudo{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width:768px;
    margin:0 auto;
}

div.esquerda {
    width: 300px;
    float: left;
    background-color: rgb(144, 215, 243);
    margin-top: -6%;
}

div.meio {
    width: 379px;
    float: left;
}

div.direita {
    width: 300px;
    float: left;
    background-color: chocolate;
}

h1 {
    font-size: 65px;
    margin-left: 2.5%;
    margin-left: 2.5%;
}

div.topo {
    background-color: rgb(253, 219, 106);
}