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

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

#about-img-1{
  background-image: url('../img/about1.png');
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}

#about-img-2{
  background-image: url('../img/about2.png');
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}

#about-img-3{
  background-image: url('../img/aboutproduct.png');
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}


#about-img-4{
  background-image: url('../img/aboutm.png');
  background-size: cover;
  background-position: center;
 
}



.bold-text {
  font-weight: 700 !important;
}

.navigation-links{
    text-transform: uppercase;
    font-size: 2rem;
}


@media (min-width: 768px) {
  .navigation-height {
    height: 90px !important;
  }
}

@media (max-width: 767px) {
  .height-model-1{
    height: 470px !important;
  }


  #square{
    margin-top: 150px !important;
  }

  #about-hero-container{
    height: 400px !important;
  }
  


  .mobile-margin-top{
    margin-top: 85px !important;
  }
  
}