.banner1 {
    padding: 50px 0;
    min-height: 386px;
    text-align: center;
    color: #fff;
}
.banner1 .banner__title{
    opacity: 1;
    color: #fff;
}

.banner__title {
    opacity: 0.8;
    color: #000000;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 35px;
    margin-bottom: 20px;


}


.banner2{
    padding: 30px;
    height: 550px;
}
.banner2_md {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    margin-bottom: 30px;
    height: 300px !important;
}


.banner__fullwidth{
    background-size: cover;
    height: 400px;
}
.banner__fullwidth .row{
    height: 400px;
    align-items: center;

}


.banner-steps{
    background: #DDEDF2;

    max-height: 100%;
    display: flex;
}
.banner-steps__title{
    color: #004C7F;	font-size: 18px;	font-weight: 600;	line-height: 25px;
}
.banner-steps__teaser{
    color: #404040;	font-size: 14px;	line-height: 18px;
}
.banner-steps__btns{
    margin-top: 15px;
}
.banner-steps_vertical{
    padding: 40px 20px;
    flex-flow: column;
    text-align: center;
}


.banner-steps__image img{
    max-height: 100%;
}

.banner-steps_h {
    padding: 30px 20px 30px 40px;

}


@media (max-width: 576px) {
    .banner1{
        min-height: auto;
        padding: 20px;
    }
    .banner2{
        height:auto;
        background-size: contain;
    }

    .banner__fullwidth{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .banner__fullwidth,
    .banner__fullwidth .row{
        height: auto;
    }
    .banner__fullwidth .banner__title{
        margin-bottom: 0;
    }
}