.app-newsletter {
  padding: 4rem 20px 4rem 20px;
  max-width: 1920px;
}
.app-newsletter__introduction {
  max-width: 400px;
}
.app-newsletter__action {
  width: 100%;
  max-width: 400px;
}
.app-newsletter__form {
  width: 100%;
  max-width: 320px;
  border: 2px solid #f37021;
  padding: 0.25rem;
}
.app-newsletter_submit {
  padding: 0.6rem 1.4rem;
  border: 2px solid #02015f;
}
.app-newsletter_input {
  padding: 0.6rem 0.9rem;
  border: 2px solid #fafdfe;
  font-size: 14px;
  color: #b9b7bd;
}
.app-newsletter_input::placeholder {
  color: #b9b7bd;
}
.app-newsletter_submit:focus,
.app-newsletter_input:focus {
  outline: 0;
}
@media only screen and (min-width: 768px) {
  .app-newsletter__introduction > p {
    max-width: 475px;
    line-height: 1.75;
  }
  .app-newsletter__action {
    max-width: 375px;
    width: 375px;
  }
  .app-newsletter__form {
    max-width: 375px;
  }
  .app-newsletter_submit {
    padding: 0.7rem 2rem;
  }
  .app-newsletter_input {
    padding: 0.7rem 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .app-newsletter {
    padding: 6rem 40px 6rem 40px;
    max-width: 1920px;
  }
}
@media only screen and (min-width: 992px) {
  .app-newsletter {
    padding: 6rem 40px 6rem 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .app-newsletter {
    padding: 6rem 120px 6rem 120px;
  }
}
@media only screen and (min-width: 1400px) {
  .app-newsletter {
    padding: 8rem 200px 8rem 200px;
  }
  .app-newsletter__introduction > p {
    font-size: 18px;
    line-height: 1.75;
  }
}
