* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Google Sans";
  font-style: normal;
  src: url("../library/fonts/GoogleSans-Regular.ttf");
}

.maps {
  margin: 1rem 2rem 15rem 2rem;
}

.map {
  height: 550px;
  width: 100%;
  z-index: 1;
}

.letter {
  height: 550px;
  width: 100%;
  background-color: #eeeeee;
}

.letter .headline {
  font-size: 40px !important;
  font-family: "Google Sans" !important;
}

.letter .subheader {
  font-family: "Google Sans";
}

input {
  font-family: "Google Sans";
  background-color: #ffffff !important;
}

textarea.materialize-textarea {
  font-family: "Google Sans";
  background-color: #ffffff !important;
}

textarea:focus,
input:focus {
  border-bottom: 1px solid #00a700 !important;
}

.error_alert {
  background: rgba(188, 28, 64, 0.8);
  color: #ffffff;
  font-weight: 450 !important;
}

.success_alert {
  background: rgba(28, 188, 49, 0.8);
  color: #ffffff;
  font-weight: 450 !important;
}

.input_error {
  border: 2px solid #bc1c40 !important;
}

@media screen and (max-width: 767.99px) {
  .maps {
    margin: 1rem 1rem;
  }
  .letter {
    margin: 2rem 0 0 0 !important;
  }
}