/*  */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

html,
body {
  font-family: 'Poppins', sans-serif;
}

#bg-hero {
  background-image: url("./img/hero-bg-mobile.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

@media (min-width: 640px) {
  #bg-hero {
    background-image: url("./img/hero-bg.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
  }
}

.wrapper {
  max-width: 1180px !important;
}