/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

div.welcome {
    max-height: 650px;
    height:100vh;
    min-height: 50px;
    margin: 0 auto;
    background-image: url(../images/home-bg-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center center;
    border-radius: 0 0 24px 24px;
}
div.welcome_row {
    height: 650px;
    background-color: rgba(255, 255, 255, 0.9);
}
div.welcome_block {
    max-width: 1280px;
    width: 100%;
    min-width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
}
div.welcome_block_row {
    max-width: 400px;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
div.welcome_block_row_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
div.salem {
    border-radius: 24px 24px 24px 0;
    width:190px;
    padding:12px;
    background-color: var(--brand-color);
    color:#fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom:16px;
}

img.promo {
    width:250px;
    height:auto;
    position: relative;
    z-index:2;
}
div.promo_background {
    margin:11px;
    position: absolute;
    width:225px;
    height: 480px;
    background-color: #d2d1d0;
}
video.promo_video {
    margin:48px 0 0 15px;
    z-index:3;
    width:220px;
    height: auto;
    position: absolute;
}