/* NAVBAR AND FOOTER STYLE IN MAIN CSS FILE IN ROOT FOLDER */

body {
  background-image: url("../media/images/Logo-background-gradient.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black;
  /* background */
  /* background-color: black; */
}

.background-image {
  position: relative;
  overflow-y: hidden;
  /* background-color: white; */
  /* fill: blue; */
}
.background-image h1 {
    padding-top: 100px;
    position: relative;
    z-index: 2;
}
.background-image img {
    position: absolute;
    left: 0;
    top: 0;
    /* fill: blue; */

    /* width: 100%; */
    /* height: auto; */
    /* opacity: 0.8; */
}
/* .logo_background {
  fill: red;
} */

.contact-container {
  display: grid;
  grid-template-columns: 33.33% 66.67%;
}

.contact-info {
  grid-area: 1 / 1 / 2 / 2;
}

.contact-form {
  grid-area: 1 / 2 / 2 / 3;
}

/* Contact Info */
i, h1, h3, h5 {
  color: rgb(212, 212, 212);
}

/* Contact Us Form */
#contactText {
  margin-top: 100px;
}
#contactForm {
  margin-top: 100px;
}
.form-control{
  background-color: rgba(212, 212, 212, 0.8);
  color: black !important;
}
::placeholder {
  color: black !important;
  text-shadow: 2px 2px 5px black;
}

.form-control:focus{
  border-color: rgba(255, 0, 0, 0.6) !important;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3), -5px 5px 10px rgba(255, 0, 0, 0.6) !important;
  /* outline-color: #D3D3D3 !important; */
}
#contactSubmit {
  color: #d3d3d3 !important;
  background-color: #5d5d5d;
}
/* End Contact Us Form */