body {
  background-color: #1a1819;
  width: cover;
  height: cover;
  color: white;
  overflow-x: hidden;
}

.modal-body {
  color: black;
}

.modal-title {
  color: black;
}

#bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

.logo-container {
  display: flex;
  justify-content: center;
}

.logo {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 350px;
  height: 40px;
}

.logo-hr {
  color: white;
  opacity: 0.4;
  width: 90%;
  height: 2px;
  border-top: 1px solid white;
  margin-bottom: 20px;
}

.header {
  text-align: center;
  margin-bottom: 20px;
}

.header h1,
.header h3 {
  color: #28a745;
}
.header h4 {
  background: linear-gradient(
    rgb(68, 45, 20),
    rgb(183, 134, 34),
    rgb(68, 45, 20)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.inquiry {
  margin: 0 auto;
}

.row col form {
  text-align: center;
}

.nameErrorMsg {
  display: none;
  color: #d8000c;
  font-weight: bold;
}

.emailErrorMsg {
  display: none;
  color: #d8000c;
  font-weight: bold;
}
.offerErrorMsg {
  display: none;
  color: #d8000c;
  font-weight: bold;
}

.entry-form {
  width: 85%;
  margin: 0px auto 20px;
  border-radius: 5px;
  background-color: #aaa;
  opacity: 0.9;
  padding: 10px 0px 10px 10px;
}

.entry-form input,
.input-group,
.entry-form textarea {
  width: 98%;
}

#offer {
  width: 80%;
}