:root{

    /*Баннер*/

    --banner-raduga-background2: linear-gradient(90deg, rgba(11, 181, 239, 0.9752275910364145) 0%, rgba(237, 48, 165, 0.9780287114845938) 100%);/*Цвет фона баннера*/
    --banner-raduga-color-border: 0px solid #fff; /*Цвет обводки баннера*/
    --banner-raduga-color-header: #fff; /*Цвет заголовка баннера*/
}




.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 20px;
    padding:20px;
    background:var(--banner-raduga-background2);
    border: var(--banner-raduga-color-border);
    border-radius: var(--raduga-border-radius);
    font-family: var(--raduga-font-header-family);
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    color: var(--banner-raduga-color-header);
    -webkit-box-shadow:var(--raduga-box-shadow);
    box-shadow:var(--raduga-box-shadow);
}

.banner p{
    margin:0px; 
}

.banner {
    cursor: pointer;
}




@media(max-width:991px){
    .banner{
        font-size: 28px;
        text-align: center;
        padding:10px;
        width: calc(100% - 10px);
        margin: 0 auto 20px;

    }
}