#mascara-banner {
    background: linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.2));
}

#area-img-banner {
    background-size: cover;
    background-position: center;
}

.vertical-center-img {
    margin-top: -50% !important;
    padding-top: 25% !important;
}

#div-text-banner {
    z-index: 5;
    bottom: 15%;
}

.header-height-general {
    height:310px;
}

.header-height-details {
    height: 400px;
}

@media(max-width: 992px) {
    .vertical-center-img {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .header-area-coordenacao {
        height: 270px;
    }

    .header-height-general {
        height: 100%;
    }

    .header-height-details {
        height: 100%;
    }

    #area-img-banner {
        height: 100%;
    }

    #div-text-banner {
        bottom: 5%;
    }
}