.letter-container-outer {
  text-align: left;
  padding-top: 60px;
}
.letter-container-outer > div:not(.letter-container-inner) {
  width: 100%;
}
.letter-container-outer .letter-mandatory-info {
  margin-bottom: 20px;
  opacity: 0.7;
}

.letter-container-inner {
  width: calc(100% - 120px);
  padding: 60px;
  background-color: white;
}
.letter-container-inner > div {
  width: 100%;
  margin: 10px 0;
}
.letter-container-inner > input, .letter-container-inner textarea {
  width: calc(100% - 20px);
  margin: 10px 0;
}
.letter-container-inner textarea {
  min-height: 96px;
}
.letter-container-inner .letter-input-info {
  margin-top: 0;
  opacity: 0.6;
}
.letter-container-inner .letter-contact-button-container {
  text-align: center;
}
.letter-container-inner .letter-contact-button-container .letter-contact-button {
  float: right;
}

@media (max-width: 800px) {
  .letter-container-outer {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .letter-container-outer .letter-mandatory-info {
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  .letter-container-outer .letter-container-inner {
    width: calc(100% - 20px);
    padding: 10px;
  }
}
/*# sourceMappingURL=../sourcemaps/letter.css.map */