#banner {
    min-height: 70vh;
}

@media screen and (max-width: 1680px) {
    #banner {
        min-height: 80vh;
    }
}

@media screen and (max-width: 1280px) {
    #banner {
        min-height: 70vh;
    }
}

@media screen and (max-width: 980px) {
    #banner {
        min-height: 50vh;
    }
}

@media screen and (max-width: 736px) {
    #banner {
        min-height: 30vh;
    }
}


@media screen and (max-width: 980px) {
    #banner {
        flex-direction: column;
    }
}

.banner.style5 .content {
    margin: 2rem auto;
}










.church-logo {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    z-index: 99;
    text-align: right;
}

.church-logo img {
    width: 50%;
}

@media screen and (max-width: 1680px) {
    .church-logo {}
}

@media screen and (max-width: 1280px) {
    .church-logo {}
}

@media screen and (max-width: 980px) {
    .church-logo {}
}

@media screen and (max-width: 736px) {
    .church-logo {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: center;
        margin: 30px auto;
    }
}