.banner-sustentabilidade {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 623px
}

@media screen and (max-width:1400px) {
    .banner-sustentabilidade {
        height: 440px
    }
}

@media screen and (max-width:1199px) {
    .banner-sustentabilidade {
        height: 385px
    }
}

@media screen and (max-width:991px) {
    .banner-sustentabilidade {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 478px
    }
}

h3 {
    color: #262477
}

h5 {
    font-family: Roboto, sans-serif !important;
    color: #262477;
    font-weight: 700
}

.compromisso .card {
    border: 0;
    box-shadow: 0 -1px 6px #00000012
}

.compromisso .card-title {
    font-family: 'Fugaz One', cursive;
    color: #262477;
    font-size: 24px
}

.compromisso .card-body {
    height: 350px
}

@media screen and (max-width:500px) {
    .compromisso .card {
        height: fit-content;
        border: 0;
        box-shadow: 0 -1px 6px #00000012
    }

    .compromisso .card-body {
        height: 450px
    }
}