#ypen {
  margin: 3rem 0rem 0rem 0rem !important;
}
.ypen-form {
  background-image: url("../../images/front-page/ypen-form.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 1.5rem;
}

.ypen-form p:first-of-type {
  font-weight: 400;
  font-size: 1.6rem;
  color: #2b2b29;
  text-align: center;
  max-width: 500px;
  margin-bottom: 0rem;
}

.ypen-form p:last-of-type {
  font-weight: 400;
  font-size: 1rem;
  color: #2b2b29;
  text-align: center;
  max-width: 650px;
  margin-bottom: 0rem;
}

.ypen-banner img {
  width: auto;
  max-width: 100%;
  min-height: -webkit-fill-available;
}

@media screen and (max-width: 960px) {
  .ypen {
    flex-direction: column !important;
    align-items: center !important;
  }

  .ypen-form {
    width: 100% !important;
    padding: 2rem !important;
  }

  .ypen-banner {
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
