.contact-h2 {
  font-size: 73px;
  font-weight: 650;
  margin-bottom: 1.5rem;
  color: #483e3e;
  font-family: 'Lora', serif;
  letter-spacing: -3px;
  margin-top: -10px;

}

.contact-p {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #555;
  font-size: small;
  letter-spacing: 1cap;
  margin-top: 10px;
}


.contact-form {
  background: transparent;
}


.contact-form .form-floating>.form-control,
.contact-form .form-floating>textarea.form-control {
  background: var(--bg);
  border: 0px solid #fff5f5;
  border-bottom: 1px solid #800020;
  color: var(--text);
  border-radius: 0;
  box-shadow: none;
  outline: none;
  transition: border-color 0.2s;
}

.contact-form .form-floating>.form-control:focus,
.contact-form .form-floating>textarea.form-control:focus {
  border-color: var(--accent);
  box-shadow: none;
  outline: none;
  background: var(--bg);
}

.contact-form .form-floating>label {
  color: var(--label);
}

.contact-form .form-floating>.form-control::placeholder {
  color: transparent;
}

.contact-form textarea.form-control {
  resize: vertical;
}

.contact-form .submit-btn {
  padding: 10px 28px;
  font-weight: 600;
  background: transparent;
  color: var(--accent);
  border: 2px solid var(--accent);
  border-radius: 999px;
  transition: 0.2s;
}

.contact-form .submit-btn:hover {
  background: var(--accent);
  color: #800020;
}

.submit-btn {
  margin-left: -15px;
}

@media (max-width: 768px) {
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .contact-form {
    margin-left: 20px;
  }
}

@media (max-width: 768px) {
  .contact-h2 {
    margin-top: 0px !important; 
    font-size: 46px;             
    text-align: center;          
  }
}