.wrapper_baner {
  position: relative;
}

@media (min-width: 0px) {
  .wrapper_baner {
    margin: 0.3em;
    padding: 0.7em;
    background: white;
    border-radius: 15px;
    padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  }
}
@media (min-width: 650px) {
  .wrapper_baner {
    margin: 0.7em;
    padding: 1.5em;
    background: white;
    border-radius: 15px;
    padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  }
}

.baner_list {
  padding-left: 4px;
  padding-right: 4px;gap: 20px
}

@media (min-width: 0px) {
  .baner_list {
    display: flex; 
  }
}
@media (min-width: 650px) {
  .baner_list {
    grid-template-columns: repeat(5, 1fr);display: grid;
  }
}

.baner_list > div {
  margin-top: 5px;  margin-bottom: 5px;min-width: 200px; min-height: 200px;  width: auto;border-radius: 30px;overflow: hidden;box-shadow: 0 0 4px rgb(20, 20, 20);
}
@media (min-width: 0px) {
  .baner_list > div {
  	min-width: 300px; min-height: 300px;
  }
}
@media (min-width: 800px) {
  .baner_list > div {
  	min-width: 200px; min-height: 200px;
  }
}


.baner_list > div > img {
  width: 100%;height: 100%;
}


@media (min-width: 0px) {
  .big_baner {
    background-repeat: round;
    border-radius: 20px;
    width: 100%;height: calc(30vw);
    background-image: url(https://storage.yandexcloud.net/distance/b8.png);
  }
}
@media (min-width: 650px) {
  .big_baner {
    background-repeat: round;
    border-radius: 20px;
    width: 100%;
    height: calc(10vw);max-height: 130px;
    background-image: url(https://storage.yandexcloud.net/distance/b7.png);
  }
}


@media (min-width: 0px) {
  .big_baner_2 {
    background-repeat: round;
    border-radius: 20px;
    width: 100%;
    height: calc(34vw);max-height: 240px;
    
  }
  .big_baner_2.b0106 {
    background-image: url(https://storage.yandexcloud.net/distance/b9.png);
  }
  .big_baner_2.b0208 {
    background-image: url(https://storage.yandexcloud.net/distance/b0208m.png);
  }
  .big_baner_2.b0209 {
    background-image: url(https://storage.yandexcloud.net/distance/b0209m.png);
    height: calc(63vw);
    max-height: 492px;;
  }
}
@media (min-width: 650px) {
  .big_baner_2 {
    background-repeat: round;
    border-radius: 20px;
    width: 100%;
    height: calc(22vw);max-height: 300px;
    
  }
  .big_baner_2.b0106 {
    background-image: url(https://storage.yandexcloud.net/distance/b10.png);
  }
  .big_baner_2.b0208 {
    background-image: url(https://storage.yandexcloud.net/distance/b0208.webp);
  }
  .big_baner_2.b0209 {
    background-image: url(https://storage.yandexcloud.net/distance/b0209.webp);
    height: calc(37vw);
    max-height: 492px;;
  }
}