@media only screen and (max-width: 1100px) {
    .img-logo-cabecalho { width: 100% }
    .img-fica-em-casa { width: 100% }
    .img-faca-doacao { width: 80% }
    .banner { height: 400px }
}

@media only screen and (max-width: 767px) {
    .img-logo-cabecalho { width: 300px;margin: 15px 0px; }
    .img-fica-em-casa { width: 300px;margin: 15px 0px; }
    .img-faca-doacao { width: 80%; }
    .banner-doacao { height: 100px; margin-top: -70px }

    .borda-direita { border-right: 0px; }
    .borda-esquerda { border-left: 0px; }
    .borda-embaixo {border-bottom: 0px; }
}

@media only screen and (max-width: 425px) {
    .img-faca-doacao { width: 100%; }
    .banner { height: 232px; margin-top: 80px; background-size: cover }
    .banner-doacao { height: 80px; margin-top: 0px }

    .btn-doacao { margin-bottom: 30px; margin-top: 0px; height: 160px }

    .btns { margin-top: 20px; }
    .btn-outro-valor { border-radius: 15px 15px 0px 0px }
    .valor { border-radius: 0px 0px 15px 15px; top: 18px; width: 275px; }
    .img-whats { margin-top: 30px; width: 280px}
}

@media only screen and (max-width: 375px) {
    .banner { height: 200px; }
    .banner-doacao { height: 65px; }
}

@media only screen and (max-width: 320px) {
    .banner { height: 175px; }
}