.banner {
    width: 580px;
    height: 390px;
    margin: 0 auto 20px;
    position: relative;
    max-width: 100%;
    background-size: contain !important;
}

.banner-btn {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    line-height: 44px;
    width: 150px;
    text-align: center;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 1px 2px rgba(0, 40, 22, 0.3);
    font-size: 16px;

}

.banner-btn:hover,
.banner-btn:active,
.banner-btn:focus {
    color: #fff;
    text-decoration: none;
}

.banner-btn.banner-btn_orange {
    background: #EA971C;
}

.banner-btn.banner-btn_orange:hover,
.banner-btn.banner-btn_orange:active {
    background: #D28819;
}

.banner-btn.banner-btn_blue {
    background: #1C75B7;
}

.banner-btn.banner-btn_blue:hover,
.banner-btn.banner-btn_blue:active {
    background: #1469A8;
}

.banner-btn.banner-btn_red4 {
    background: #D56574;
}

.banner-btn.banner-btn_red4:hover,
.banner-btn.banner-btn_red4:active {
    background: #C45463;
}

.banner-btn.banner-btn_red3 {
    background: #E24449;
}

.banner-btn.banner-btn_red3:hover,
.banner-btn.banner-btn_red3:active {
    background: #CD3E42;
}

.banner-btn.banner-btn_red2 {
    background: #E25535;
}

.banner-btn.banner-btn_red2:hover,
.banner-btn.banner-btn_red2:active {
    background: #CE4C2E;
}

.banner-btn.banner-btn_red1 {
    background: #DC5638;
}

.banner-btn.banner-btn_red1:hover,
.banner-btn.banner-btn_red1:active {
    background: #CE4C2E;
}

.banner-btn.banner-btn_black {
    background: #114038;
}

.banner-btn.banner-btn_black:hover,
.banner-btn.banner-btn_black:active {
    background: #0B2722;
}

.banner-btn.banner-btn_green {
    background: #114038;
}

.banner-btn.banner-btn_green:hover,
.banner-btn.banner-btn_green:active {
    background: linear-gradient(180deg, #01924F 0%, #006A39 100%);
}

@media(max-width: 650px) {
    .banner {
        height: auto !important;
        padding-top: 69%;
        background-position: center bottom !important;
    }

    .banner .banner-btn {
        bottom: 20px !important;
        left: 40px !important;
    }
}

@media(max-width: 450px) {
    .banner .banner-btn {
        left: 30px !important;
        font-size: 14px;
        line-height: 30px;
        height: 30px;
        width: 120px;
    }
}

@media(max-width: 380px) {
    .banner .banner-btn {
        bottom: 10px !important;
    }
}