:root{

    /*Баннер*/

    --banner-zoloto-background2: #fff; /*Цвет фона баннера*/
    --banner-zoloto-color-border: 0px solid #ffefd1; /*Цвет обводки баннера*/
    --banner-zoloto-color-header: #181818; /*Цвет заголовка баннера*/
}


.banner_wrap{
    border-radius: var(--traning-zoloto-border-radius);
    background: var(--traning-zoloto-bg-fon);
    padding: 20px;
    margin-bottom:20px;
}


.banner {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 10px);
    flex: 0 0 calc(100% - 10px);
    min-height: 140px;
    margin:0px auto 0px;
    padding:20px;
    background:var(--banner-zoloto-background2);
    border: var(--banner-zoloto-color-border);
    border-radius: var(--traning-zoloto-border-radius);
    font-family: var(--traning-zoloto-font-family-header);
    font-size: 30px;
    line-height: normal;
    color: var(--banner-zoloto-color-header);
    -webkit-box-shadow:var(--traning-zoloto-box-shadow);
    box-shadow:var(--traning-zoloto-box-shadow);
}

.banner p{
    margin:0px; 
}

.banner {
    cursor: pointer;
}




@media(max-width:991px){
    .banner_wrap {
        width: calc(100% - 10px);
        margin: 0 auto 20px;
    }

    /* Настраиваем заголовок */
    .banner{
        font-size: 29px;
        text-align: center;
        padding:10px;

    }
}