body {
  background: rgba(16, 16, 51, 1);
}

body .container {
  padding: 0;
  width: 100%;
  background: rgba(16, 16, 51, 1);
  max-width: 100%;
}

header,
footer {
  display: none;
}

a {
  color: #E39F38 !important; 
}

h1.form-group-head,
h1.form-group-head.active {
  display: none;
  background: none;
}

h3 {
  font-weight: bold;
  font-size: 2.5rem !important;
  width: 100%;
}

.form-wrapper {
  padding: 0;
  background: rgba(16, 16, 51, 1);
}

.form-wrapper p {
  font-size: 14px !important;
}

#formr {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

/* Different field sizes */

.form-group {
  width: 100%;
}

.form-group label:not(.confirm-box label) {
  display: none;
}

.pers_firstname,
.pers_name,
.pers_mail,
.pers_secndmail {
  flex: 1 0 calc(50% - 10px);
}

.pers_company,
.pers_topic,
.pers_message {
  flex-basis: 100%;
}

@media (max-width: 768px) {
  .form-group {
    flex: 1 0 100% !important;
  }
}

body .container {
  font-size: 1.1em;
  color: white;
}

div.form-group-body {
  padding: 0;
}

label {
  font-weight: 300;
}

input,
select,
textarea {
  padding: 5px 7px !important;
  font-style: normal;
  font-size: 1.1em;
  background: transparent !important;
  border-radius: 0 !important;
  border: 1.5px #c68332 solid !important;
}

#message {
  margin-bottom: 7px;
}

textarea {
  height: 300px;
}

.confirm-box {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 100%;
  gap: 1.5rem;
  margin-bottom: 2.5rem;

  #confirm_tos {
    width: 20px;
    height: 20px;
    margin-bottom: 0 !important;
  }
}

input[type="submit"]  {
  text-transform: none;
  height: initial;
  color: white;
  background: #e5b961 !important;
  border: none !important;
  width: 300px;
  font-size: 1em;
}

body > div > div > div > div.form-wrapper > form > div.div {
  text-align: center;
}