.banner-titolo {

}

.banner-titolo .banner-titolo-inside {
    position: relative;
}

.banner-titolo .spacer {
    padding-top: 49.79%;
}

.banner-titolo .banner-titolo-inn {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-titolo .banner-titolo-text {

    position: absolute;
    top: 50%;
    transform: translateY(-50%);

}


.banner-titolo.allineamento-bottom .banner-titolo-text {
    bottom: 0;
    top: unset;
    transform: unset;
}


.banner-titolo.overflow-bottom .banner-titolo-text{
    transform: translateY(50%);
}


.banner-titolo .banner-titolo-text > .titolo {
    font-weight: 600;
    line-height: 1;
}

.banner-titolo .banner-titolo-text > .titolo strong {
    font-size: 1.4em;
    font-weight: 700;
}

@media screen and (max-width: 992px) {
    .banner-titolo .spacer {
        display: none;
    }

    .banner-titolo .banner-titolo-text {

        position: static;
        top: unset;
        transform: unset;

        padding-top: 100px;
        padding-bottom: 100px;

    }



    .banner-titolo.overflow-bottom .banner-titolo-text{
        transform: unset;
    }



    .banner-titolo .banner-titolo-text > .titolo {
        font-size: 28px;
        color:#fff;
        padding: 0;
        margin: 0;
    }

    .banner-titolo .ombra{
        position: absolute;
        background-color: #000;
        opacity: .3;

        top:0;
        left:0;
        right: 0;
        bottom: 0;
    }


}