:root{

    --banner-zoloto-background2: #F9FBFF; /*Цвет фона баннера*/
    --banner-zoloto-color-border: 2px solid #2281fa; /*Цвет обводки баннера*/
    --banner-zoloto-color-header: #135ab4; /*Цвет заголовка баннера*/

}


/*Баннер*/

.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: 80px;
    margin:0px auto 20px;
    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: 24px;
    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: 24px;
        text-align: center;
        padding: 10px;

    }
}