@media only screen and (max-width: 1000px) {
  h1 {
    font-size: 21px;
  }
  h2 {
    font-size: 17px;
  }
  .offer_list {
    gap: 7px;
    font-size: large;
  }
  .offer_list > li > img {
    width: 20px;
  }
  .logo_wrapper > div > img {
    height: 50px;
  }
  .logo_wrapper > div {
    gap: 20px;
  }
}
@media only screen and (max-width: 660px) {
  .wrapper {
    flex-direction: column;
    gap: 50px;
  }
  .wrapper-left {
    gap: 40px;
  }
  .login_wrapper {
    width: 100%;
    margin-top: 18px;
  }
  .offer_list {
    width: 100%;
    padding: 0;
  }
  .background-container img,
  .background-container section {
    height: 170%;
  }
  
}