@media screen and (max-width: 65em){
    #topo{
        background-image: url("../img/azul-noise.jpg");
        background-color: #0b98df;
        min-height:250px;
        color:#ffffff;
        text-align:center;
        padding-top:100px;
        padding-bottom:15px;
    }
    #meio{
        background-image: url("../img/areia-noise.jpg");
        background-color: #e9ca9e;
        min-height:850px;
    }
    h1{font-size:5em}
}

@media screen and (max-width: 60em){
    #topo{
        background-image: url("../img/azul-noise.jpg");
        background-color: #0b98df;
        min-height:250px;
        color:#ffffff;
        text-align:center;
        padding-top:100px;
        padding-bottom:15px;
    }
    #meio{
        background-image: url("../img/areia-noise.jpg");
        background-color: #e9ca9e;
        min-height:850px;
    }
    h1{font-size:5em}
}

@media screen and (max-width: 51.4375em){
    #topo{
        background-image: url("../img/azul-noise-small.jpg") !important;
        background-color: #0b98df;
        min-height:250px;
        color:#ffffff;
        text-align:center;
        padding-top:100px;
        padding-bottom:15px;
    }
    #meio{
        background-image: url("../img/areia-noise-small.jpg") !important;
        margin-top:-2px;
        background-color: #e9ca9e;
        min-height:850px;
    }
    h1{font-size:4em}
    #rodape{margin-top:-2px !important}
}

@media screen and (max-width: 25em){
    #meio{
        background-image: url("../img/areia-noise-small.jpg") !important;
        margin-top:-2px;
    }
    #topo{
        background-image: url("../img/azul-noise-small.jpg") !important;
        padding-bottom:15px;
    }
    h1{font-size:3em}
    #rodape{margin-top:-2px !important}

}