/* меньше 1200 */
@media (width < 1200px) {
  .hero__list {
    font-size: 22px;
  }
}

/* больше или равно 1200 */
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }

  .hero__title {
    font-size: 46px;
  }
}

/* больше или равно 992 */
@media (min-width: 992px) {
  .hero__text {
    background: #fff6dd;
    padding: 20px;
  }

  .hero__list {
    list-style: disc;
  }

  .hero__title {
    font-size: 36px;
  }
}

/* меньше 768 */
@media (width < 576px) {
  .header__logo {
    width: 24px;
  }

  .header__title {
    font-size: 10px;
  }

  .header__label {
    font-size: 10px;
  }

  .hero__title {
    font-size: 24px;
  }

  .hero__list {
    font-size: 18px;
  }

  .text-block {
    font-size: 14px !important;
  }

  footer {
    font-size: 12px;
  }
}

/* больше или равно 768 */
@media (min-width: 768px) {
  .header__title {
    font-size: 16px;
  }

  .header__icon {
    width: 36px;
  }

  .header__btn-text {
    font-size: 14px;
    line-height: 30px;
  }
}



/*
@media (width <= 1920px) {

}

@media (width <= 1400px) {

}

@media (width <= 1200px) {

}

@media (width <= 992px) {

}

@media (width <= 768px) {

}

@media (width < 576px) {

}
*/