@media (max-width: 1800px) {}

@media (max-width: 1100px) {
  .burger {
    display: block;
  }

  .nav__item {
    display: none;
  }
}

@media (max-width:800px) {
  .hero__container {
    display: flex;
    flex-direction: column;
  }

  .promo__container {
    display: flex;
    flex-direction: column;
  }

  .promo__img {
    border-radius: 0 0 20px 20px;
  }

  .promo__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 500px) {
  .dfdf {
    display: none;
  }
}