@import url("variables.css");

/* TABLET */
@media (min-width: 768px) {
  .header__menu {
    display: flex;
  }

  .header__burger {
    display: none;
  }

  .welcome__container {
    flex-direction: row;
  }

  .features__container {
    flex-direction: row;
    justify-content: space-between;
  }

  .services__container {
    flex-direction: row;
  }

  .testimonials__container {
    flex-direction: row;
  }
}

/* DESKTOP */
@media (min-width: 1280px) {
  .hero {
    height: 720px;
  }

  .header {
    height: 100px;
  }

  .header__container {
    padding: 0 60px;
  }

  .services__container {
    gap: 40px;
  }
}