@media screen and (min-width: 768px) {
  .newsletter-signup {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .newsletter-signup > * {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .newsletter-signup .signup--left {
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) {
  .newsletter-signup .signup--right {
    padding-left: 30px;
  }
}
.newsletter-signup .signup--success {
  margin-top: 20px;
}