html {
  scroll-behavior: smooth;
}
body {
  font-family: "Poppins", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
iframe {
  width: 100%;
  margin: 0px;
}
a {
  text-decoration: none;
  color: #50624a;
  outline: 0;
}
a:hover {
  text-decoration: none;
  color: #333;
}
.btn-shoesfastind {
  background-color: #50642a;
  border-color: #50642a;
}
.btn-shoesfastind:hover,
.btn-shoesfastind:focus {
  background-color: #7c9473;
  border-color: #7c9473;
}
form {
  margin: 0;
}

@media (min-width: 1200px) and (max-width: 1220px) { 
  .item1{
    width: 992px;
    height: 529.69px;
    padding-top: 60px;
  }
}

@media (min-width: 1349px) and (max-width: 1369px) { 
  .item1{
    width: 1140px;
    height: 529.69px;
    padding-top: 0px;
  }
}

@media (min-width: 1920px) and (max-width: 1980px) { 
  .item1{
    max-width: 1500px;
    max-height: 750px;
    padding-bottom: 0px;
  }
}

@media (max-width: 1200px) { 
  .img1{
    height: 531.25px;
  }
}

@media (min-width: 1349px) { 
  .img1{
    height: 597.2px;
  }
}

@media (min-width: 1440px) { 
  .img1{
    height: 637.5px;
  }
}

@media (min-width: 1920px) { 
  .img1{
    height: 850px;
  }
}

@media (min-width: 1980px) { 
  .img1{
    height: 876.56px;
  }
}
/*
    Dasar
*/