:root{

  --negnost-banner-background: linear-gradient(342deg, rgba(253,250,249,1) 0%, rgba(241,225,213,1) 11%, rgba(241,225,213,1) 22%, rgba(253,250,249,1) 45%, rgba(253,250,249,1) 54%, rgba(241,225,213,1) 76%, rgba(241,225,213,1) 86%, rgba(253,250,249,1) 100%);    /*цвет баннера*/
  --negnost-color3: #626261; /*Цвет заголовка баннера*/
}


/**Баннер**/

.banner{
    margin: 10px 0px 20px 10px;
    border-radius: var(--negnost-border-radius);
    height: 150px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--negnost-color3);
    font-family: var(--negnost-font-family);
    font-size: 30px;
    background: var(--negnost-banner-background);
    -webkit-box-shadow: var(--negnost-box-shadow);
    box-shadow: var(--negnost-box-shadow);

}

@media(max-width:1250px){
    .banner {
        margin: 10px auto 25px;
    }
}

@media(max-width:600px){
    .banner {
        font-size: 20px;
    }
}