.newsletter-wrapper {
  margin: 100px 0 20px 0px;
}
.newsletter-wrapper .newsletter-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.newsletter-wrapper .newsletter-content .left-part {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 30px 100px;
  position: relative;
}
.newsletter-wrapper .newsletter-content .left-part p {
  margin-bottom: 2rem;
}
.newsletter-wrapper .newsletter-content .left-part form p {
  margin-bottom: 0;
}
.newsletter-wrapper .newsletter-content .left-part .pre-heading {
  justify-self: flex-start;
  font-family: "Source Sans Pro";
  position: absolute;
  top: 30px;
}
.newsletter-wrapper .newsletter-content .left-part .bigger-heading {
  justify-self: center;
  margin-top: 20%;
}
.newsletter-wrapper .newsletter-content .left-part .contact-button-wrapper {
  width: 100%;
  margin-bottom: 20%;
}
.newsletter-wrapper .newsletter-content .left-part .contact-button-wrapper .contact-button-wrapper .submit-button {
  color: black;
}
.newsletter-wrapper .newsletter-content .left-part .contact-button-wrapper .contact-button-wrapper .email-326 input {
  border-color: black;
}
.newsletter-wrapper .newsletter-content .left-part .contact-button-wrapper .contact-button-wrapper .email-326 input::placeholder {
  color: black;
}
.newsletter-wrapper .newsletter-content .right-part {
  width: 50%;
}
.newsletter-wrapper .newsletter-content .right-part .image-wrapper {
  min-height: 100vh;
  height: 100%;
}
.newsletter-wrapper .newsletter-content .right-part .image-wrapper:before {
  padding-top: 112%;
}

@media screen and (min-width: 1500px) {
  .newsletter-wrapper .newsletter-content .left-part .contact-button-wrapper {
    margin-bottom: 0px;
  }
  .newsletter-wrapper .newsletter-content .left-part .bigger-heading {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .newsletter-wrapper {
    margin: 40px 0 20px 0;
  }
  .newsletter-wrapper .newsletter-content .left-part, .newsletter-wrapper .newsletter-content .right-part {
    width: 100%;
  }
  .newsletter-wrapper .newsletter-content .left-part {
    padding: 30px 60px;
  }
  .newsletter-wrapper .newsletter-content .right-part .image-wrapper {
    min-height: unset;
  }
  .newsletter-wrapper .newsletter-content .right-part .image-wrapper::before {
    padding-top: 100%;
  }
}

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