@media screen and (max-width: 768px) {
  #one > main {
    flex-wrap: wrap;
  }
  #one > main > div:nth-child(2) > h1,
  #one > main > div:nth-child(2) span {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 472px) {
  #footer > div:nth-child(1) {
    flex-wrap: wrap;
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  #five > main {
    flex-wrap: wrap;
  }
  #five > main div {
    justify-content: center;
  }
  #four > main > div:nth-child(2) {
    flex-wrap: wrap;
  }
  #four > main > div:nth-child(2) img {
    max-width: 50%;
  }
  #three > main > div:nth-child(2) {
    flex-wrap: wrap;
  }
  #two > main {
    flex-wrap: wrap;
    text-align: center;
  }
  #two > main > div:nth-child(1) img {
    max-width: 50%;
  }
}
@media screen and (max-width: 425px) {
  h1 {
    font-size: 20px !important;
  }
  p {
    font-size: 15px !important;
  }
  #one > main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
  #one > main div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  #one > main div > img {
    max-width: 70%;
    height: auto;
  }
}
@media screen and (max-width: 330px) {
  #pop-up {
    max-width: 98%;
  }
  .close > a {
    width: 100%;
  }
}

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