.promo-bar {
    width: 100%;
    display: block;
    max-height: 10rem;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.promo-bar__sticky {
    position: relative;
    z-index: 999;
    background-color: #D7A655;
    overflow: hidden;
    max-height: 15rem;
    -webkit-transition: max-height .7s, opacity .7s;
    -o-transition: max-height .7s, opacity .7s;
    transition: max-height .7s, opacity .7s;
    opacity: 1;
}
.promobar-close .promo-bar__sticky {
    max-height: 0;
    opacity: 0;
    min-height: auto;
}
/* .onScroll .promo-bar__sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
} */
.promo-bar__title {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0;
}
.promo-bar__text {
    font-family: 'DM Sans',sans-serif;
    font-weight: 500;
    letter-spacing: normal;
}
.promo-bar__close,
.promo-bar__close .icon-close:before {
   color: #000;
}
.promo-bar__close-text {
    color: #000;
    cursor: pointer;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}
.promo-bar__close .icon-close {
    color: #000;
}
@media only screen
and (min-width : 961px) {
    .promo-bar__sticky {
        min-height: 6.5rem;
    }
    .promo-bar__left-column {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
        padding-left: 3.9rem;
    } 
    .promo-bar__title {
        font-size: 1.8rem;
        line-height: 1.44em;
        letter-spacing: 0;
        margin-bottom: .3rem;
    }
    .promo-bar__text {
        font-size: 1.2rem;
        line-height: 1.25em;
    }
    .promo-bar__right-column {
        padding-right: 1.5rem;
    }
    .promo-bar__close-text {
        font-size: 1.7rem;
        line-height: 1.47em;
        margin-right: .5rem;
    }
    .promo-bar__close .icon-close {
        font-size: 1.5rem;
    }
}
@media only screen
and (max-width : 960px) {
    .promo-bar__sticky {
        min-height: 6.5rem;
    }
    .promo-bar__right-column {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 4.8rem;
                flex: 0 1 4.8rem;
        max-width: 4.8rem;
    }
    .promo-bar__left-column {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 1.5rem 0 1.5rem 2rem;
    } 
    .promo-bar__title {
        font-size: 1.5rem;
        line-height: 1.46em;
        letter-spacing: 0;
        margin-bottom: .3rem;
    }
    .promo-bar__text {
        font-size: .9rem;
        line-height: 1.25em;
    }
    .promo-bar__right-column {
        padding-right: 1.7rem;
    }
    .promo-bar__close-text {
        display: none;
    }
    .promo-bar__close .icon-close {
        font-size: 1.4rem;
    }
    
}