@media screen and (max-width: 974px) {
  #welcome {
    background-color: var(--purple);
    background-image: none;
  }
  #welcome > header {
    align-items: center;
  }
  #welcome > main > div:nth-child(1) {
    width: 100%;
  }
  #welcome > main > div:nth-child(1) > header h1 {
    max-width: 100%;
    text-align: center;
  }
  #welcome > main > div:nth-child(1) > main > p {
    max-width: 100%;
    text-align: center;
  }
  #welcome > main > div:nth-child(2) {
    margin: 50px auto 0;
  }
}

@media screen and (max-width: 380px) {
  footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
  }
  footer img {
    height: auto;
    max-width: 100%;
  }

  #resolve-your-problems div header h1 {
    font-size: 2.6rem !important;
    text-align: center;
  }

  main > div:nth-child(1) > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  main > div:nth-child(2) > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
  }
}
#bills-to-put-apart header h1 {
  font-size: 2.6rem !important;
}

#how-it-works header h1 {
  font-size: 2.6rem !important;
}

#footer .informations li {
  font-size: 15px;
}

@media screen and (max-width: 710px) {
  #how-it-works main > div:nth-child(2) img {
    height: auto;
    max-width: 100%;
  }
}
@media screen and (max-width: 340px) {
  #bills-to-put-apart main {
    justify-content: center;
  }
}
@media screen and (max-width: 720px) {
  #two .content > div:nth-child(2) img {
    max-width: 100%;
    height: auto;
  }
  #two footer {
    margin-top: 100px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  #footer > div:nth-child(1),
#footer .social-medias,
#footer .image-wrapper {
    gap: 30px;
    justify-content: center;
  }
}

/*# sourceMappingURL=responsive.css.map */